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

.charsheet 
{
    background-image: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Fond-vieux-papier.jpg");
	background-size:cover;
	--brun: RGB(151,129,089);
	--marron:136, 115, 71;
	--blanc:255, 255, 255;
	--C3Kabbale:161, 139, 097;
	--C2Kabbale:213, 214, 216;
	--C1Kabbale:178, 178, 178;
	--colLR:RGB(231, 224, 211);
	--colC:RGB(209, 197, 175);
	--titre: RGB(208,175,152);
	--titreGris: rgba(48, 59, 56, 0.5);
	--astrolabe:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Astrolabe.png");
	--dice:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/dices.png");
	--opposition:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/opposition.png");
	--arbreKabbale:url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/arbreKabbale.png");
	min-width:700px;
}

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

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

div.sheet-container
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	background-image: radial-gradient(closest-side at 50% 50%, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
	min-width:700px;
}

div.sheet-menuTop
{
	position:absolute;
	width:calc(100% - 60px);
	min-width:700px;
	margin-top:2px;
}

div.sheet-options
{
	position:absolute;
	width:100%;
	min-width:700px;
	margin-top:2px;
}

div.sheet-options > label
{
	margin-left:auto;
	width:30px;
	height:30px;
}

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

div.sheet-options > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-options > label > input[type="checkbox"] ~ span::before
{
	width:100%;
	height:30px;
	line-height:28px;
	content:"y";
	font-family:"Pictos";
	font-size:34px;
	text-shadow:1px 1px 1px black;
	color:var(--brun);
}

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

div.sheet-options > div
{
	display:none;
	position:absolute;
	margin-left:auto;
	width:320px;
	justify-content:space-evenly;
	flex-wrap:wrap;
	border-radius:30px;
	border:1px solid black;
	background-image: radial-gradient(rgba(255, 255, 255,0.9), rgba(255, 255, 255, 0.9));
	z-index:100;
	right:0px;
	margin-top:20px;
	padding:10px;
}

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

div.sheet-options > div > label
{
	width:140px;
	height:20px;
	margin-top:5px;
	margin-bottom:5px;
}

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

div.sheet-options > div > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-options > div > label > input[type="checkbox"] ~ span::before
{
	content:attr(title);
	width:100%;
	height:20px;
	line-height:20px;
	text-align:center;
	justify-content:center;
	border:1px solid black;
	font-family: "Time New Roman";
	font-weight: bold;
	background: linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5));
	border: 1px solid var(--brun);
	font-size:14px;
	box-shadow: 1px 1px 1px black;
}

div.sheet-options > div > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: none;
	background:var(--brun);
	color:white;
}

div.sheet-menu
{
	width:100%;
	justify-content:space-between;
	min-height:80px;
	flex-wrap:wrap;
	margin-top:5px;
}

div.sheet-menu > label
{
	width:calc((100% / 3) - 10px);
	justify-content:center;
	align-items:center;
	height:38px;
}

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

div.sheet-menu > label > input[type="radio"] ~ span
{
	width:calc(100% - 8px);
}

div.sheet-menu > label > input[type="radio"] ~ span::before
{
	display:flex;
	content:attr(title);
	width:100%;
	height:28px;
	line-height:30px;
	justify-content:center;
	font-family:"Time New Roman";
	font-weight:bold;
	background:linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5));
	border:1px solid var(--brun);
}

div.sheet-menu > label > input[type="radio"]:checked
{
	width:calc((100% / 3) - 23px);
	height:38px;
}

div.sheet-menu > label > input[type="radio"]:checked ~ span
{
	width:100%;
	height:38px;
}

div.sheet-menu > label > input[type="radio"]:checked ~ span::before
{
	height: 36px;
	line-height: 36px;
	box-shadow: 1px 1px 1px black;
	border-color: white;
	font-size: 20px;
}

input[type="hidden"].sheet-menu[value="1"] ~ div.sheet-tab1,
input[type="hidden"].sheet-menu[value="2"] ~ div.sheet-tab2,
input[type="hidden"].sheet-menu[value="3"] ~ div.sheet-tab3,
input[type="hidden"].sheet-menu[value="4"] ~ div.sheet-tab4,
input[type="hidden"].sheet-menu[value="5"] ~ div.sheet-tab5,
input[type="hidden"].sheet-menu[value="6"] ~ div.sheet-tab6,
input[type="hidden"].sheet-menu[value="7"] ~ div.sheet-tab7,
input[type="hidden"].sheet-menu[value="8"] ~ div.sheet-tab8,
input[type="hidden"].sheet-menu[value="9"] ~ div.sheet-tab9,
input[type="hidden"].sheet-menu[value="10"] ~ div.sheet-tab10
{
	display:flex;
}

input[type="hidden"].sheet-magie[value="0"] ~ div.sheet-menu > label:nth-of-type(6),
input[type="hidden"].sheet-kabbale[value="0"] ~ div.sheet-menu > label:nth-of-type(7),
input[type="hidden"].sheet-alchimie[value="0"] ~ div.sheet-menu > label:nth-of-type(8),
input[type="hidden"].sheet-alchimie[value="0"] ~ div.sheet-menu > label:nth-of-type(9)
{
	display:none;
}

div.sheet-tab1,
div.sheet-tab2,
div.sheet-tab3,
div.sheet-tab4,
div.sheet-tab5,
div.sheet-tab6,
div.sheet-tab7,
div.sheet-tab8,
div.sheet-tab9,
div.sheet-tab10
{
	display:none;
	width:100%;
	flex-wrap:wrap;
}

div.sheet-tab2 > .sheet-col2 > .sheet-degreMetamorphe,
div.sheet-tab2 > .sheet-col2 > .sheet-equipement
{
	border-left: 2px solid rgb(var(--marron));
}

div.sheet-tab2 > .sheet-col2 > .sheet-degreMetamorphe > h1,
div.sheet-tab2 > .sheet-col2 > .sheet-equipement > h1
{
	background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe);
	background-repeat: no-repeat;
	background-size: auto, auto,100% auto;
	background-position-y: 0%, 0%, 60%;
	align-items: center;
	height: 36px;
}

div.sheet-tab6 > .sheet-col2 > .sheet-degreMetamorphe
{
	border-left:2px solid var(--titreGris);
}

div.sheet-tab5 > .sheet-degreMetamorphe > h1,
div.sheet-tab6 > .sheet-col2 > .sheet-degreMetamorphe > h1,
div.sheet-tab7 > .sheet-degreMetamorphe > h1
{
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitreNB.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(90%), 0px;
	background-size: auto, 100% auto, auto;
}

div.sheet-tab10 > .sheet-degreMetamorphe
{
	margin-top:0px;
	margin-bottom:5px;
}

div.sheet-tab3 > .sheet-degreMetamorphe,
div.sheet-tab4 > .sheet-degreMetamorphe,
div.sheet-tab6 > .sheet-degreMetamorphe,
div.sheet-tab7 > .sheet-degreMetamorphe,
div.sheet-tab10 > .sheet-degreMetamorphe
{
	width:calc(100% / 3);
}

div.sheet-tab5 > .sheet-degreMetamorphe
{
	width:calc(40% - 10px);
}

div.sheet-tab5
{
	justify-content:space-between;
}

div.sheet-col
{
	width:calc(100% / 3);
	flex-wrap:wrap;
}

div.sheet-col2
{
	width:calc(100% / 2);
	flex-wrap:wrap;
	align-content:flex-start;
}

div.sheet-col40
{
	width:calc(40% - 10px);
	flex-wrap:wrap;
	align-content:flex-start;
}

div.sheet-col60
{
	width:calc(60% - 10px);
	flex-wrap:wrap;
	align-content:flex-start;
}

div.sheet-2colT1
{
	width:calc((100% / 3)*2);
	flex-wrap:wrap;
}

img.sheet-logo
{
	width:250px;
	height:46px;
}

label.sheet-headerName
{
	width:100%;
	justify-content:space-between;
	margin-top:10px;
	line-height:30px;
	padding-bottom: 5px;
	background-image: linear-gradient(to bottom right, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5));
}

label.sheet-headerName > span
{
	width:45px;
	color:var(--brun);
	font-family:"Robot Slab";
	font-variant:small-caps;
	font-size:20px;
	align-items:center;
	font-weight:bold;
}

label.sheet-headerName > input[type="text"]
{
	border:2px solid var(--brun);
	width:calc(100% - 45px);
	font-size:15px;
	text-align:center;
}

div.sheet-metamorphe
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5));
	border-bottom:2px solid var(--titre);
	counter-reset:metamorphe;
}

div.sheet-metamorphe > input[type="text"]
{
	width:100%;
	border:0px;
	border-bottom:1px dotted black;
	text-align:center;
	font-weight:bold;
	background:transparent;
}

div.sheet-metamorphe > span
{
	font-family:"Times New Roman";
	min-height:max-content;
	color:var(--brun);
	font-variant:small-caps;
	font-weight:bold;
	font-size:14px;
	letter-spacing:1px;
}

div.sheet-metamorphe > span:first-of-type
{
	margin-left:5px;
}

div.sheet-metamorphe > span:last-of-type
{
	margin-right:5px;
}

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

div.sheet-metamorphe > .repcontainer > .repitem
{
	width:100%;
	border-bottom:1px dotted black;
	margin-left:5px;
	margin-right:5px;
	justify-content:space-between;
	margin-top:10px;
}

div.sheet-metamorphe > .repcontainer > .repitem > .itemcontrol
{
	margin-top:-7px;
}

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

div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type
{
	width:calc(100% - 20px);
	justify-content:space-between;
}

div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type > span::before
{
	display:flex;
	width:15px;
	font-weight:bold;
	font-size:15px;
	align-items:flex-end;
	counter-increment:metamorphe;
	content:counter(metamorphe);
}

div.sheet-metamorphe > .repcontainer > .repitem > label:first-of-type > input[type="text"]
{
	width:calc(100% - 20px);
	border:0px;
	color:black;
	background:transparent;
}

div.sheet-metamorphe > .repcontainer > .repitem > label
{
	width:15px;
	height:15px;
}

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

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

div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
{
	display:flex;
	content:"";
	width: 13px;
	height: 13px;
	border-radius: 10px;
	border: 1px solid var(--brun);
	background: white;
	color: var(--brun);
	font-size: 15px;
	line-height: 11px;
	justify-content: center;
	display: flex;
	font-weight: bold;
}

div.sheet-metamorphe > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
{
	content:"";
	background-color:var(--brun);
}

div.sheet-degreMetamorphe,
div.sheet-equipement
{
	margin-top:10px;
	width:100%;
	flex-wrap:wrap;
	justify-content:space-evenly;
	background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5));
}

div.sheet-degreMetamorphe > h1,
div.sheet-equipement > h1
{
	width: 100%;
	color: white;
	font-family: "Kodchasan";
	text-shadow: 2px 3px 5px black;
	justify-content: center;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	height: 40px;
	font-size: 15px;
}

div.sheet-equipement > .repcontainer > .repitem > div.sheet-autoex
{
	background-image: linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5));
	border-bottom: 1px dotted var(--brun);
	border-right: 1px dotted var(--brun);
}

div.sheet-equipement > .repcontainer > .repitem:not(:first-of-type) > div.sheet-autoex
{
	border-top: 1px dotted var(--brun);
}

div.sheet-degreMetamorphe > input[type="hidden"][value="1"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="2"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="2"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="3"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="4"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="5"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="6"] ~ label:nth-of-type(6),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(6),
div.sheet-degreMetamorphe > input[type="hidden"][value="7"] ~ label:nth-of-type(7),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(6),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(7),
div.sheet-degreMetamorphe > input[type="hidden"][value="8"] ~ label:nth-of-type(8),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(6),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(7),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(8),
div.sheet-degreMetamorphe > input[type="hidden"][value="9"] ~ label:nth-of-type(9),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(1),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(2),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(3),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(4),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(5),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(6),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(7),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(8),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(9),
div.sheet-degreMetamorphe > input[type="hidden"][value="10"] ~ label:nth-of-type(10)
{
	display:flex;
}

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

div.sheet-degreMetamorphe > div > select
{
	width:100%;
	padding: 0px;
	border: 0px;
	border-bottom: 1px dotted var(--brun);
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-degreMetamorphe > label
{
	width:25px;
	height:25px;
	cursor:pointer;
	border-radius:50%;
	border:1px solid var(--titre);
	margin:2px;
	display:none;
}

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

div.sheet-degreMetamorphe > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-degreMetamorphe > label > input[type="checkbox"] ~ span::before
{
	display:flex;
	width:100%;
	content:attr(title);
	height:25px;
	line-height:25px;
	font-weight:bold;
	justify-content:center;
	border-radius:50%;
	box-shadow:1px 1px 3px black;
	background:var(--titre);
}

div.sheet-degreMetamorphe > label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow:inset 1px 1px 3px black;
	background:RGB(119, 89, 59);
	color:white;
}

label.sheet-sapience
{
	width: 255px;
	justify-content: space-between;
	font-family: "Times New Roman";
	color: var(--brun);
	font-size: 20px;
	line-height: 35px;
	font-weight: bold;
	font-variant: small-caps;
	margin-left: auto;
	letter-spacing: 1px;
	z-index:99;
	margin-right:35px;
}

label.sheet-sapience > input[type="number"]
{
	height:35px;
	width:60px;
	text-align:center;
	border:2px solid var(--brun);
	font-size:25px;
}

div.sheet-kaElement
{
	width: 445px;
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position-y: 35px;
	margin-left:auto;
	margin-right:auto;
	height:450px;
	margin-top:-30px;
}

div.sheet-kaElement > input[type="number"]
{
	position:absolute;
	text-align: center;
	border: 0px;
	height: 31px;
	border-radius: 15px;
	width: 30px;
	background: transparent;
	font-size: 15px;
	color: black;
}

div.sheet-kaElement > button[type="roll"]
{
	position:absolute;
	margin:0px;
	padding:0px;
	border:0px;
	background:none;
}

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

div.sheet-kaElement > button[type="roll"] > span
{
	font-family: "Times New Roman";
	font-size: 18px;
	text-shadow: 1px 1px 5px white;
	min-width: max-content;
	font-variant:small-caps;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(1)
{
	margin-left: 164px;
	margin-top: 28px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(1)::before
{
	content:"t";
	padding-right:5px;
	width: 25px;
	background-image: var(--dice);
	background-size: contain;
	background-repeat: no-repeat;
}

div.sheet-kaElement > input[type="number"]:nth-of-type(1)
{
	margin-left: 208px;
	margin-top: 101px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(2)
{
	margin-top: 142px;
	margin-left: -10px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(2)::before
{
	content:"t";
	width: 25px;
	background-image: var(--dice);
	background-size: contain;
	background-repeat: no-repeat;
	padding-right:5px;
}

div.sheet-kaElement > input[type="number"]:nth-of-type(2)
{
	margin-left: 90px;
	margin-top: 189px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(3)
{
	margin-top: 142px;
	margin-left: 370px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(3)::after
{
	content:"t";
	padding-left:5px;
	width: 25px;
	background-image: var(--dice);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
}

div.sheet-kaElement > input[type="number"]:nth-of-type(3)
{
	margin-left: 326px;
	margin-top: 189px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(4)
{
	margin-top: 410px;
	margin-left: 60px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(4)::before
{
	content:"t";
	padding-right:5px;
	width: 25px;
	background-image: var(--dice);
	background-size: contain;
	background-repeat: no-repeat;
}

div.sheet-kaElement > input[type="number"]:nth-of-type(4)
{
	margin-top: 335px;
	margin-left: 129px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(5)
{
	margin-top: 410px;
	margin-left: 293px;
}

div.sheet-kaElement > button[type="roll"]:nth-of-type(5)::after
{
	content:"t";
	padding-left:5px;
	width: 25px;
	background-image: var(--dice);
	background-size: contain;
	background-repeat: no-repeat;
	background-position-x: right;
}

div.sheet-kaElement > input[type="number"]:nth-of-type(5)
{
	margin-top: 335px;
	margin-left: 285px;
}

div.sheet-nephilimPhrase
{
	width:100%;
	flex-wrap:wrap;
	border:2px solid var(--brun);
	background:white;
	flex-wrap:wrap;
	margin-top:5px;
}

div.sheet-nephilimPhrase > span
{
	width:100%;
	font-variant:small-caps;
	color:var(--brun);
	font-size:14px;
	font-family:"Times New Roman";
	font-weight:bold;
	padding-left:5px;
	letter-spacing:1px;
}

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

div.sheet-chutes
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	background-image:radial-gradient(rgba(255, 255, 255,0.5), rgba(255, 255, 255, 0.5));
	margin-top:5px;
	margin-bottom:5px;
	align-content:flex-start;
}

div.sheet-chutes
{
	margin-right:5px;
}

div.sheet-chutes > h1
{
	font-family:"Kodchasan";
	width: 100%;
	font-size: 25px;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png'), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	color:white;
	text-shadow: 2px 3px 5px black;
	padding-left:10px;
}

div.sheet-chutes > div
{
	width:100%;
	flex-wrap:wrap;
	margin-top:5px;
}

div.sheet-chutes > div > input[type="text"]
{
	width: 100%;
	border: 0px;
	border-bottom: 1px dotted black;
	text-align: center;
	font-weight: bold;
	background: transparent;
}

div.sheet-chutes > div > div
{
	width: 100%;
	flex-wrap: wrap;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitreNB.png'), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(90%), 0px;
	background-size: auto, 100% auto, auto;
	justify-content: flex-start;
	align-items: center;
}

div.sheet-chutes > div > div > input[type="hidden"][value="1"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="2"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="3"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="4"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="5"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="6"] ~ label:nth-of-type(7) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(7) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="7"] ~ label:nth-of-type(8) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(7) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(8) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="8"] ~ label:nth-of-type(9) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(7) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(8) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(9) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="9"] ~ label:nth-of-type(10) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(2) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(3) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(4) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(5) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(6) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(7) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(8) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(9) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(10) > span::before,
div.sheet-chutes > div > div > input[type="hidden"][value="10"] ~ label:nth-of-type(11) > span::before
{
	background:var(--brun);
}

div.sheet-chutes > div > div > label
{
	width:15px;
	height:15px;
}

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

div.sheet-chutes > div > div > label > input[type="radio"] ~ span
{
	width:100%;
}

div.sheet-chutes > div > div > label > input[type="radio"] ~ span::before
{
	display: flex;
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 10px;
	border: 1px solid var(--brun);
	background: white;
	color: var(--brun);
	font-size: 15px;
	line-height: 11px;
	justify-content: center;
	display: flex;
	font-weight: bold;
}

div.sheet-chutes > div > div > label:nth-last-of-type(1) > input[type="radio"] ~ span::before,
div.sheet-chutes > div > div > label:nth-last-of-type(2) > input[type="radio"] ~ span::before,
div.sheet-chutes > div > div > label:nth-last-of-type(3) > input[type="radio"] ~ span::before
{
	border:1px solid red;
}

div.sheet-chutes > div > div > label:not(:first-of-type)
{
	margin-left:5px;
}

div.sheet-chutes > div > div > label:nth-of-type(5),
div.sheet-chutes > div > div > label:nth-of-type(8),
div.sheet-chutes > div > div > label:nth-of-type(10)
{
	margin-right:5px;
}

div.sheet-chutes > div > div > label:first-of-type > input[type="radio"]
{
	z-index:99;
}

div.sheet-chutes > div > div > label:first-of-type > input[type="radio"] ~ span::before
{
	content:"X";
	line-height: 13px;
	font-size: 16px;
	font-weight: normal;
	padding-left: 1px;
	opacity:0;
	background:var(--brun);
	color:white;
}

div.sheet-chutes > div > div:hover > label:first-of-type > input[type="radio"] ~ span::before
{
	opacity:1;
}

div.sheet-chutes > div > div > h2
{
	width:100px;
	flex-wrap:wrap;
	line-height: 30px;
	min-height:40px;
	color:white;
	text-shadow: 2px 3px 5px black;
	padding-left:5px;
	align-content:center;
}

div.sheet-stase,
div.sheet-adoption
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:5px;
	margin-bottom:5px;
	align-content:flex-start;
}

div.sheet-adoption
{
	margin-bottom:5px;
}

div.sheet-stase > div:first-of-type,
div.sheet-adoption > div:first-of-type
{
	width: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0.8),rgba(255, 255, 255, 0) 50%), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png'), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	height: 40px;
	justify-content:flex-end;
}

div.sheet-metamorphe > div:first-of-type
{
	width: 100%;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	height: 40px;
}

div.sheet-stase > div:first-of-type > h1,
div.sheet-adoption > div:first-of-type > h1,
div.sheet-metamorphe > div:first-of-type > h1
{
	font-family:"Kodchasan";
	font-size: 25px;
	line-height: 40px;
	color:white;
	text-shadow: 2px 3px 5px black;
	padding-right:10px;
	justify-content:flex-end;
}


div.sheet-stase > div:first-of-type > input[type="number"],
div.sheet-adoption > div:first-of-type > input[type="number"],
div.sheet-metamorphe > div:first-of-type > input[type="number"]
{
	height: 35px;
	width: 35px;
	border-radius: 20px;
	border: 2px solid var(--brun);
	margin-right: 5px;
	margin-top: 2.5px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

div.sheet-metamorphe > div:first-of-type > input[type="number"]
{
	margin-left:auto;
}

div.sheet-stase > div:last-of-type,
div.sheet-adoption > div:last-of-type
{
	background:linear-gradient(RGB(255, 255, 255, 0.5), RGB(255, 255, 255, 0.5));
}

div.sheet-stase > div:last-of-type > textarea,
div.sheet-adoption > div:last-of-type > textarea
{
	background:transparent;
	border-bottom:1px dotted black;
}

div.sheet-simulacreVecu
{
	width:100%;
	background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe);
	background-repeat: no-repeat;
	background-size: auto, auto,100% auto;
	background-position-y: 0%, 0%, 60%;
	align-items:center;
	height:36px;
}

div.sheet-simulacreVecu > h1
{
	color:white;
	font-family:"Kodchasan";
	padding-left:5px;
	padding-right:25px;
	text-shadow: 2px 3px 5px black;
	font-size:25px;
}

div.sheet-simulacreVecu > input[type="text"]
{
	padding: 0px;
	border: 1px solid var(--brun);
	height: 25px;
	width:40%;
	padding-left:5px;
}

div.sheet-simulacreVecu > input[type="number"]
{
	height: 30px;
	width: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	margin-left: -10px;
	z-index: 99;
	text-align:center;
}

div.sheet-simulacreVecu > select
{
	width: 200px;
	padding: 0px;
	padding-left: 2px;
	border: 0px;
	border-bottom: 1px dotted var(--brun);
	font-size: 14px;
	font-weight: bold;	
	background: white;
	height: 25px;
	margin-left: 10px;
	margin-right: 10px;
}

div.sheet-simulacreVecu > button[type="roll"]
{
	width: 40px;
	height: 30px;
	background-image: var(--dice);
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-right: auto;
}

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

div.sheet-simulacreIdentite1,
div.sheet-simulacreIdentite2
{
	width:100%;
	justify-content:space-between;
	margin-top:5px;
}

div.sheet-simulacreIdentite1
{
	margin-right:5px;
}

div.sheet-simulacreIdentite2
{
	margin-left:5px;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(1)
{
	width:calc(100% - 125px);
	justify-content:space-between;
}

div.sheet-simulacreIdentite2 > label:nth-of-type(1)
{
	width:calc(100% - 223px);
	justify-content:space-between;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(1) > span
{
	width:40px;
	font-family:"Time New Roman";
	font-variant:small-caps;
	color:var(--brun);
	align-items:center;
	font-weight:bold;
	font-size:20px;
}

div.sheet-simulacreIdentite2 > label:nth-of-type(1) > span
{
	width:80px;
	font-family:"Time New Roman";
	font-variant:small-caps;
	color:var(--brun);
	align-items:flex-end;
	font-weight:bold;
	font-size:20px;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(1) > input[type="text"],
div.sheet-simulacreIdentite2 > label:nth-of-type(1) > input[type="text"]
{
	width:calc(100% - 40px - 5px);
	border:0px;
	border-bottom:1px dotted var(--brun);
	background:transparent;
	padding-top:6px;
	min-width:0px;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(2)
{
	width:115px;
	justify-content:space-between;
}

div.sheet-simulacreIdentite2 > label:nth-of-type(2)
{
	width:65px;
	justify-content:space-between;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(2) > span
{
	width:80px;
	font-family:"Time New Roman";
	color:var(--brun);
	align-items:flex-end;
	font-weight:bold;
	font-size:20px;
}

div.sheet-simulacreIdentite2 > label:nth-of-type(2) > span
{
	width:35px;
	font-family:"Time New Roman";
	color:var(--brun);
	align-items:flex-end;
	font-weight:bold;
	font-size:20px;
}

div.sheet-simulacreIdentite1 > label:nth-of-type(2) > input[type="number"],
div.sheet-simulacreIdentite2 > label:nth-of-type(2) > input[type="number"]
{
	width:30px;
	height:30px;
	border-radius:25px;
	border:2px solid var(--brun);
	text-align:center;
	margin-bottom:-5px;
}

div.sheet-simulacreRessources
{
	flex-wrap:wrap;
	margin-top:10px;
	margin-right:5px;
	width:100%;
	border-left:2px solid rgb(var(--marron));
}

div.sheet-simulacreRessources > label
{
	width:100%;
	background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe);
	background-repeat: no-repeat;
	background-size: auto, auto,100% auto;
	background-position-y: 0%, 0%, 60%;
	align-items: center;
	height: 36px;
}

div.sheet-simulacreRessources > label > h1
{
	width:calc(100% - 25px);
	color: white;
	font-family: "Kodchasan";
	padding-left: 5px;
	text-shadow: 2px 3px 5px black;
	font-size: 16px;
}

div.sheet-simulacreRessources > label > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
}

div.sheet-simulacreRessources > div.sheet-autoex
{
	background-image:linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5));
	border-bottom:1px dotted var(--brun);
	border-right:1px dotted var(--brun);
	border-left:1px dotted var(--brun);
}

div.sheet-simulacreRessources > div.sheet-autoex > textarea
{
	background:transparent;
}

div.sheet-simulacreDescription
{
	flex-wrap:wrap;
	margin-top:10px;
	margin-right:5px;
	width:100%;
}

div.sheet-simulacreProches
{
	flex-wrap:wrap;
	margin-top:10px;
	margin-right:5px;
	width:100%;
}

div.sheet-simulacreDescription > h1,
div.sheet-simulacreProches > h1
{
	width:100%;
	background-image: linear-gradient(to right, rgba(var(--blanc), 0) 50%, rgba(var(--blanc), 0.8)), linear-gradient(to right, rgba(var(--marron), 0.8),rgba(var(--marron), 0.8)), var(--astrolabe);
	background-repeat: no-repeat;
	background-size: auto, auto,100% auto;
	background-position-y: 0%, 0%, 60%;
	align-items: center;
	height: 36px;
	line-height:36px;
	color: white;
	font-family: "Kodchasan";
	padding-left: 5px;
	text-shadow: 2px 3px 5px black;
	font-size: 16px;
}

div.sheet-simulacreDescription > div.sheet-autoex,
div.sheet-simulacreProches > div.sheet-autoex
{
	background-image:linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5));
	border-bottom:1px dotted var(--brun);
	border-right:1px dotted var(--brun);
}

div.sheet-simulacreProches > div.sheet-autoex
{
	border-left:1px dotted var(--brun);
}

div.sheet-simulacreDescription > div.sheet-autoex > textarea,
div.sheet-simulacreProches > div.sheet-autoex > textarea
{
	background:transparent;
}

div.sheet-epoquesIncarnation
{
	width:100%;
	flex-wrap:wrap;
	margin-top:10px;
	align-content:baseline;
}

div.sheet-quetesEsoteriques,
div.sheet-savoirsEsoteriques,
div.sheet-actionsAttributs,
div.sheet-dommagesPhysiques,
div.sheet-dommagesMagiques
{
	width:100%;
	flex-wrap:wrap;
	margin-top:10px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:not(:first-of-type),
div.sheet-savoirsEsoteriques
{
	border-left:2px solid var(--titre);
}

div.sheet-actionsAttributs,
div.sheet-dommagesPhysiques,
div.sheet-dommagesMagiques
{
	border-left:2px solid var(--titreGris);
}

div.sheet-epoquesIncarnation > h1
{
	font-family: "Kodchasan";
	width: calc((100% / 3) - 10px);
	font-size: 18px;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	color: white;
	text-shadow: 2px 3px 5px black;
	padding-left: 10px;
}

div.sheet-quetesEsoteriques > h1,
div.sheet-savoirsEsoteriques > h1,
div.sheet-armes > h1,
div.sheet-artefacts > h1,
div.sheet-alchimie > h1,
div.sheet-armures > h1,
div.sheet-arcadia > h1,
h1.sheet-titreMagie,
h1.sheet-titreKabbale,
h1.sheet-titreAlchimie,
div.sheet-fraternite > h1:first-of-type
{
	font-family: "Kodchasan";
	width: calc(100% - 10px);
	font-size: 18px;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	background-size: auto, 100% auto, auto;
	color: white;
	text-shadow: 2px 3px 5px black;
	padding-left: 10px;
}

div.sheet-actionsAttributs > h1,
div.sheet-dommagesPhysiques > h1,
div.sheet-dommagesMagiques > h1,
div.sheet-titre > h1,
div.sheet-sorts > h1,
div.sheet-invocations > h1,
div.sheet-fraternite > div > label > h1,
div.sheet-fraternite > div > div > h1,
div.sheet-fraternite > h1:not(:first-of-type)
{
	font-family: "Kodchasan";
	width: 100%;
	font-size: 18px;
	flex-wrap: wrap;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitreNB.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(90%), 0px;
	background-size: auto, 100% auto, auto;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 2px 3px 5px black;
	color:white;
	padding-left: 10px;
}

div.sheet-epoquesIncarnation > .repcontainer,
div.sheet-quetesEsoteriques > .repcontainer,
div.sheet-savoirsEsoteriques > .repcontainer,
div.sheet-armes > .repcontainer,
div.sheet-artefacts > .repcontainer,
div.sheet-alchimie > .repcontainer,
div.sheet-equipement > .repcontainer,
div.sheet-armures > .repcontainer,
div.sheet-arcadia > .repcontainer,
div.sheet-quetesEsoteriques > .repcontainer > .repitem,
div.sheet-savoirsEsoteriques > .repcontainer > .repitem,
div.sheet-armes > .repcontainer > .repitem,
div.sheet-artefacts > .repcontainer > .repitem,
div.sheet-alchimie > .repcontainer > .repitem,
div.sheet-equipement > .repcontainer > .repitem,
div.sheet-armures > .repcontainer > .repitem,
div.sheet-arcadia > .repcontainer > .repitem
{
	width:100%;
	flex-wrap:wrap;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem
{
	width:100%;
	flex-wrap:nowrap;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem:not(:first-of-type)
{
	border-top:5px double var(--titre);
}

div.sheet-savoirsEsoteriques > .repcontainer > .repitem,
div.sheet-quetesEsoteriques > .repcontainer > .repitem
{
	justify-content:space-between;
	margin-bottom:5px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:not(:first-of-type)
{
	width:calc(100% / 3);
	flex-wrap:wrap;
	align-content:flex-start;
	align-content:flex-start;
	justify-content:space-between;
	padding-bottom:5px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:last-of-type > div
{
	width:100%;
	flex-wrap:wrap;
	align-content:flex-start;
	align-content:flex-start;
	justify-content:space-between;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label
{
	width:30px;
	height:30px;
}

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

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

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"] ~ span::before
{
	display:flex;
	width:100%;
	height:28px;
	content:"+";
	justify-content:center;
	align-items:center;
	background-image:linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5));
	border-right:1px solid var(--brun);
	border-top:1px solid var(--brun);
	border-bottom:1px solid var(--brun);
	font-size:20px;
	transition:all 0.2s;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"] ~ span::before
{
	display:flex;
	width:100%;
	height:28px;
	content:"+";
	justify-content:center;
	align-items:center;
	background-image:linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5));
	border:1px solid var(--brun);
	font-size:20px;
	transition:all 0.2s;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div label input[type="checkbox"]:checked ~ span::before
{
	content:"-";
	box-shadow:0px 0px 5px black inset;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div select
{
	padding:0px;
	padding-left:2px;
	border:0px;
	border-bottom:1px dotted var(--brun);
	font-size: 14px;
    font-weight: bold;
    background: transparent;
	height:30px;
	padding-top:12px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:nth-of-type(2) select
{
	width:calc(100% - 30px);
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div:nth-of-type(3) select
{
	width:calc(100% - 50px);
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="text"]
{
	width:calc(100% - 65px);
	padding:0px;
	padding-left:2px;
	border:0px;
	border-bottom:1px dotted var(--brun);
	font-size: 14px;
    font-weight: bold;
    background: transparent;
	height:30px;
	padding-top:12px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="number"]
{
	height: 30px;
	width: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-left:auto;
	margin-right:3px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem div.sheet-autoex
{
	display:none;
	background-image: linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5));
	border-bottom: 1px dotted var(--brun);
	border-right: 1px dotted var(--brun);
	margin-right:1px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div button[type="roll"]::before
{
	content:"";
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div button[type="roll"]
{
	width: 40px;
	height: 30px;
	background-image: var(--dice);
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-right:5px;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="text"].sheet-perso
{
	display:none;
}

div.sheet-epoquesIncarnation > .repcontainer > .repitem > div input[type="hidden"][value="Perso"] ~ input[type="text"].sheet-perso
{
	display:flex;
	width:100%;
	padding-left:2px;
	min-width:0px;
}

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

div.sheet-epoquesIncarnation > .repcontainer > .repitem div.sheet-autoex > textarea
{
	background:transparent;
}

div.sheet-savoirsEsoteriques > .repcontainer > .repitem > select,
div.sheet-quetesEsoteriques > .repcontainer > .repitem > select
{
	width:calc(100% - 50px - 40px);
	padding:0px;
	border:0px;
	border-bottom:1px dotted var(--brun);
	font-size: 14px;
    font-weight: bold;
    background: transparent;
	height:30px;
	padding-top:12px;
	font-size:13px;
}

div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="text"],
div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="text"]
{
	display:none;
	width: 100%;
	padding: 0px;
	padding-left: 2px;
	border: 0px;
	border-bottom: 1px dotted var(--brun);
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ input[type="text"],
div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="hidden"][value="0"] ~ input[type="text"]
{
	display:flex;
}

div.sheet-quetesEsoteriques > .repcontainer > .repitem > input[type="number"],
div.sheet-savoirsEsoteriques > .repcontainer > .repitem > input[type="number"]
{
	height: 30px;
	width: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-left:auto;
	margin-right:3px;
}

div.sheet-quetesEsoteriques > .repcontainer > .repitem > button[type="roll"],
div.sheet-savoirsEsoteriques > .repcontainer > .repitem > button[type="roll"]
{
	width: 40px;
	height: 30px;
	background-image: var(--dice);
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-right:5px;
}

div.sheet-quetesEsoteriques > .repcontainer > .repitem > button[type="roll"]::before,
div.sheet-savoirsEsoteriques > .repcontainer > .repitem > button[type="roll"]::before
{
	content:"";
}

div.sheet-actionsAttributs,
div.sheet-dommagesPhysiques,
div.sheet-dommagesMagiques
{
	justify-content:space-between;
}

div.sheet-actionsAttributs > div,
div.sheet-actionsAttributs > label
{
	width:100%;
	line-height:30px;
	justify-content:space-between;
	padding-right:5px;
}

div.sheet-actionsAttributs > label
{
	margin-top:5px;
}

div.sheet-actionsAttributs > div > span,
div.sheet-actionsAttributs > label > span
{
	width:calc(100% - 30px);
	line-height:30px;
	font-variant:small-caps;
	font-size:16px;
	padding-left:5px;
}

div.sheet-actionsAttributs > div > button[type="roll"] > span
{
	width:100%;
	line-height:30px;
	font-variant:small-caps;
	font-size:16px;
	padding-left:5px;
}


div.sheet-actionsAttributs > div > button[type="roll"]
{
	width: 105px;
	height: 30px;
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-right: auto;
	background:transparent;
	align-items:center;
}

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

div.sheet-actionsAttributs > div > button[type="roll"]::after
{
	content:"";
	background-image: var(--dice);
	width:40px;
	height:30px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
}

div.sheet-actionsAttributs > div > input[type="number"],
div.sheet-actionsAttributs > label > input[type="number"]
{
	width:30px;
	height:30px;
	text-align:center;
	border:2px solid;
	cursor:auto;
}

div.sheet-actionsAttributs > div:nth-of-type(1) > span,
div.sheet-actionsAttributs > div:nth-of-type(1) > button[type="roll"] > span,
div.sheet-actionsAttributs > label:nth-of-type(2) > span
{
	color:rgb(020, 091, 132);
}

div.sheet-actionsAttributs > div:nth-of-type(1) > input[type="number"],
div.sheet-actionsAttributs > label:nth-of-type(2) > input[type="number"]
{
	border-color:rgb(020, 091, 132);
}

div.sheet-actionsAttributs > label:nth-of-type(1) > span
{
	color:rgb(122, 149, 063);
}

div.sheet-actionsAttributs > label:nth-of-type(1) > input[type="number"]
{
	border-color:rgb(122, 149, 063);
}

div.sheet-actionsAttributs > label:nth-of-type(3) > span
{
	color:rgb(140, 015, 017);
}

div.sheet-actionsAttributs > label:nth-of-type(3) > input[type="number"]
{
	border-color:rgb(140, 015, 017);
}

div.sheet-actionsAttributs > label:nth-of-type(4) > span
{
	color:rgb(108, 183, 195);
}

div.sheet-actionsAttributs > label:nth-of-type(4) > input[type="number"]
{
	border-color:rgb(108, 183, 195);
}

div.sheet-actionsAttributs > label:nth-of-type(5) > span
{
	color:rgb(134, 140, 147);
}

div.sheet-actionsAttributs > label:nth-of-type(5) > input[type="number"]
{
	border-color:rgb(134, 140, 147);
}

div.sheet-dommagesPhysiques > div:first-of-type,
div.sheet-dommagesMagiques > div:first-of-type
{
	width:100%;
	justify-content:space-evenly;
	margin-top:5px;
	margin-bottom:5px;
}

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

div.sheet-dommagesPhysiques > div:first-of-type > label,
div.sheet-dommagesMagiques > div:first-of-type > label
{
	width:30px;
	height:30px;
}

div.sheet-dommagesPhysiques > div:first-of-type > label > span:first-of-type,
div.sheet-dommagesMagiques > div:first-of-type > label > span:first-of-type
{
	position:absolute;
	width:30px;
	line-height:30px;
	opacity:0.5;
	justify-content:center;
}

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

div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"] ~ span,
div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"] ~ span::before,
div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"] ~ span::before
{
	content:"";
	width:26px;
	height:26px;
	border:2px solid black;
	font-size: 38px;
	line-height: 28px;
}

div.sheet-dommagesPhysiques > div:first-of-type > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-dommagesMagiques > div:first-of-type > label > input[type="checkbox"]:checked ~ span::before
{
	content:"X";
}

div.sheet-dommagesPhysiques > div:first-of-type > label:nth-last-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-dommagesPhysiques > div:first-of-type > label:nth-last-of-type(2) > input[type="checkbox"] ~ span::before
{
	color:rgb(122, 149, 063);
	border-color:rgb(122, 149, 063);
}

div.sheet-dommagesPhysiques > span,
div.sheet-dommagesMagiques > span
{
	font-size: 20px;
	color: var(--brun);
	font-variant: small-caps;
	width: 100%;
	padding-left: 10px;
	font-weight: bold;
	font-family: "Time New Roman";
}

div.sheet-dommagesPhysiques > div:not(:first-of-type),
div.sheet-dommagesMagiques > div:not(:first-of-type)
{
	justify-content:space-between;
	padding-left:10px;
	align-items:center;
}

div.sheet-dommagesPhysiques > div:nth-of-type(3),
div.sheet-dommagesPhysiques > div:nth-of-type(4),
div.sheet-dommagesMagiques > div:nth-of-type(3),
div.sheet-dommagesMagiques > div:nth-of-type(4)
{
	margin-top:5px;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > span,
div.sheet-dommagesMagiques > div:not(:first-of-type) > span
{
	font-size: 14px;
	font-variant: small-caps;
	font-weight: bold;
	font-family: "Time New Roman";
	color:black;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > span:first-of-type,
div.sheet-dommagesMagiques > div:not(:first-of-type) > span:first-of-type
{
	width:62px;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > span:last-of-type,
div.sheet-dommagesMagiques > div:not(:first-of-type) > span:last-of-type
{
	width:14px;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > label,
div.sheet-dommagesMagiques > div:not(:first-of-type) > label
{
	width:15px;
	height:15px;
}

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

div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span,
div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span::before,
div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"] ~ span::before
{
	content:"";
	width:11px;
	height:11px;
	border:2px solid black;
	font-size:15px;
	line-height:11px;
	font-weight:bold;
	justify-content:center;
	display:flex;
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > label > input[type="checkbox"]:checked ~ span::before,
div.sheet-dommagesMagiques > div:not(:first-of-type) > label > input[type="checkbox"]:checked ~ span::before
{
	content:"X";
}

div.sheet-dommagesPhysiques > div:not(:first-of-type) > input[type="text"],
div.sheet-dommagesMagiques > div:not(:first-of-type) > input[type="text"]
{
	width:calc(100% - 65px - 15px - 15px - 5px);
	height:20px;
	border:0px;
	border-bottom:1px dotted black;
	min-width:0px;
	background:transparent;
}

div.sheet-armes,
div.sheet-armures
{
	width:calc(100% - 5px);
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:10px;
}

div.sheet-armesFeu,
div.sheet-armures
{
	border-left:2px solid var(--brun);
	margin-left:auto;
}

div.sheet-armes > span,
div.sheet-armures > span
{
	font-size: 15px;
	color: var(--brun);
	font-variant: small-caps;
	font-weight: bold;
	font-family: "Time New Roman";
}

div.sheet-armes > span:first-of-type
{
	width:calc(100% - 80px);
	padding-left:5px;
}

div.sheet-armures > span:first-of-type
{
	width:calc(100% - 90px);
	padding-left:5px;
}

div.sheet-armes > span:last-of-type
{
	width:70px;
}

div.sheet-armures > span:last-of-type
{
	width:80px;
}


div.sheet-armesFeu > .repcontainer,
div.sheet-armures > .repcontainer
{
	margin-left:5px;
}

div.sheet-armesFeu > .repcontrol,
div.sheet-armures > .repcontrol
{
	margin-left:5px;
}

div.sheet-armes > .repcontainer > .repitem,
div.sheet-armures > .repcontainer > .repitem
{
	justify-content:space-between;
	height:30px;
}

div.sheet-armes > .repcontainer > .repitem:not(:first-of-type),
div.sheet-armures > .repcontainer > .repitem:not(:first-of-type)
{
	margin-top:2px;
}

div.sheet-armes > .repcontainer > .repitem > input[type="text"]
{
	width:calc(100% - 75px);
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-armures > .repcontainer > .repitem > input[type="text"]
{
	width:calc(100% - 85px);
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-armes > .repcontainer > .repitem > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-bottom: -5px;
	margin-right:20px;
}

div.sheet-armures > .repcontainer > .repitem > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-bottom: -5px;
	margin-right:25px;
}

div.sheet-artefacts,
div.sheet-alchimie
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:10px;
}

div.sheet-artefacts > .repcontainer > .repitem,
div.sheet-alchimie > .repcontainer > .repitem,
div.sheet-equipement > .repcontainer > .repitem
{
	justify-content:space-between;
}

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

div.sheet-artefacts > .repcontainer > .repitem > input[type="text"]
{
	width:100%;
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-artefacts > .repcontainer > .repitem > select
{
	width:calc(100% - 35px);
	border: 0px;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-artefacts > .repcontainer > .repitem > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-bottom: -5px;
}

div.sheet-artefacts > .repcontainer > .repitem > div.sheet-autoex > textarea
{
	background:transparent;
	border:1px dotted black;
}

div.sheet-alchimie > .repcontainer > .repitem > div.sheet-autoex
{
	background-image: linear-gradient(rgba(var(--blanc), 0.5), rgba(var(--blanc), 0.5));
	border: 1px dotted var(--brun);
}

div.sheet-equipement > .repcontainer > .repitem > div > textarea,
div.sheet-alchimie > .repcontainer > .repitem > div > textarea
{
	background:transparent;
}

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

div.sheet-arcadia > div:first-of-type
{
	font-family: "Kodchasan";
	width: 100%;
	height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitre.png"), linear-gradient(to right, rgb(208, 175, 152, 1),rgba(208, 175, 152, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(100% + -25%), 0px;
	padding-left: 10px;
	background-position-x: right;
}

div.sheet-arcadia > div > h1
{
	font-family: "Kodchasan";
	width: calc(100% - 10px - 155px);
	font-size: 18px;
	line-height: 40px;
	color: white;
	text-shadow: 2px 3px 5px black;
}

div.sheet-arcadia > div > select
{
	width: 155px;
	padding: 0px;
	padding-left: 2px;
	border: 0px;
	border-bottom: 1px dotted var(--brun);
	font-size: 14px;
	font-weight: bold;
	background: transparent;
	height: 30px;
	padding-top: 12px;
	margin-top:auto;
	margin-bottom:auto;
}

div.sheet-arcadia > span
{
	font-size: 15px;
	color: var(--brun);
	font-variant: small-caps;
	font-weight: bold;
	font-family: "Time New Roman";
}

div.sheet-arcadia > span:nth-of-type(1)
{
	width:calc(100% - 120px - 120px - 120px - 50px - 140px - 10px);
	border-right:2px solid var(--brun);
}

div.sheet-arcadia > span:nth-of-type(2),
div.sheet-arcadia > span:nth-of-type(3)
{
	width:120px;
	text-align:center;
	justify-content:center;
}

div.sheet-arcadia > span:nth-of-type(3)
{
	border-right:2px solid var(--brun);
	border-left:2px solid var(--brun);
}

div.sheet-arcadia > span:nth-of-type(4)
{
	width:50px;
	text-align:center;
	justify-content:center;
}

div.sheet-arcadia > span:nth-of-type(5)
{
	width:115px;
	text-align:center;
	justify-content:center;
	border-right:2px solid var(--brun);
	border-left:2px solid var(--brun);
}

div.sheet-arcadia > span:nth-of-type(6)
{
	width:100px;
	text-align:center;
	justify-content:center;
	margin-right:45px;
}

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

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2)
{
	width:calc(100% - 120px - 120px - 120px - 50px - 140px - 12px);
	border-right:2px solid var(--brun);
	justify-content:space-between;
	padding-right:2px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(3),
div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(4)
{
	width:116px;
	padding-right:2px;
	padding-left:2px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(4)
{
	border-right:2px solid var(--brun);
	border-left:2px solid var(--brun);
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(5)
{
	width:46px;
	padding-right:2px;
	padding-left:2px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(6)
{
	width:111px;
	padding-right:2px;
	padding-left:2px;
	border-right:2px solid var(--brun);
	border-left:2px solid var(--brun);
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(7)
{
	width:96px;
	padding-right:2px;
	padding-left:2px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2) > input[type="text"]
{
	width:calc(100% - 35px);
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:nth-of-type(2) > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-bottom: -5px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:not(:nth-of-type(2)) > textarea
{
	width:calc(100% - 2px);
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	text-align:center;
	padding-right:2px;
}

div.sheet-arcadia > .repcontainer > .repitem > div:not(:nth-of-type(2)) > span
{
	padding-right:0px;
	padding-left:0px;
	text-align:center;
}

div.sheet-arcadia > .repcontainer > .repitem > button[type="roll"]
{
	width: 40px;
	height: 30px;
	background-image: var(--dice);
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-right: 5px;
}

div.sheet-arcadia > .repcontainer > .repitem > button[type="roll"]::before
{
	content:"";
}

div.sheet-arcadia > .repcontainer > .repitem > div > label
{
	width: 30px;
	height: 30px;
	margin-bottom: -5px;
	margin:auto;
}

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

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

div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"] ~ span::before
{
	content:"";
	width:100%;
	height:26px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 32px;
}

div.sheet-arcadia > .repcontainer > .repitem > div > label > input[type="checkbox"]:checked ~ span::before
{
	content:"X";
}

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

div.sheet-titre > input[type="text"]
{
	width:100%;
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
}

h1.sheet-titreMagie,
h1.sheet-titreKabbale,
h1.sheet-titreAlchimie
{
	margin-bottom:10px;
}

div.sheet-cercleMagie
{
	font-family: "Kodchasan";
	width: 100%;
	flex-wrap: wrap;
	line-height: 45px;
	height:45px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitreNB.png"), linear-gradient(to right, rgba(48, 59, 56, 0.2),rgba(48, 59, 56, 0.2));
	background-repeat: no-repeat;
	background-size: auto, 100% auto, auto;
	justify-content: flex-start;
	align-items: center;
	padding-left: 10px;
	background-color: rgba(222, 186, 13, 0.2);
}

div.sheet-cercleMagie1
{
	background-position-y: 0px, calc(20%), 0px;
}

div.sheet-cercleMagie2
{
	background-position-y: 0px, calc(40%), 0px;
}

div.sheet-cercleMagie3
{
	background-position-y: 0px, calc(60%), 0px;
}

div.sheet-cercleMagie > label
{
	width:100%;
	height:45px;
	justify-content:space-between;
}

div.sheet-cercleMagie > label > h1
{
	width:100%;
	line-height:45px;
	font-size: 16px;
	text-shadow: 2px 3px 5px black;
	color:white;
}

div.sheet-cercleMagie > label > input[type="number"]
{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:bold;
	border:2px solid var(--brun);
}

div.sheet-cercleMargin
{
	margin-top:2px;
}

div.sheet-vIEL,
div.sheet-kMonde,
div.sheet-kOrdonnance
{
	width:100%;
	border-left:2px solid var(--titreGris);
	flex-wrap:wrap;
}

div.sheet-vIEL > h1,
div.sheet-kMonde > h1,
div.sheet-kOrdonnance > h1,
div.sheet-alchimieSConstruct > h1,
div.sheet-materiaePrimae > h1,
div.sheet-constructs > h1,
div.sheet-formules > h1
{
	font-family: "Kodchasan";
	width: 100%;
	font-size: 18px;
	flex-wrap: wrap;
	line-height: 40px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fondTitreNB.png"), linear-gradient(to right, rgba(48, 59, 56, 0.5),rgba(48, 59, 56, 0.5));
	background-repeat: no-repeat;
	background-position-y: 0px, calc(90%), 0px;
	background-size: auto, 100% auto, auto;
	justify-content: flex-start;
	align-items: center;
	text-shadow: 2px 3px 5px black;
	color:white;
	padding-left: 10px;
}

div.sheet-vIEL > select,
div.sheet-kMonde > select
{
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
	border-bottom:1px dotted black;
	background:transparent;
}

div.sheet-sorts,
div.sheet-invocations,
div.sheet-formules
{
	width:100%;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:10px;
}

div.sheet-sorts > span,
div.sheet-sorts > .repcontainer > .repitem > div > label > span,
div.sheet-invocations > span,
div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label > span,
div.sheet-formules > span,
div.sheet-formules > .repcontainer > .repitem > div:last-of-type > label > span
{
	font-family: "Times New Roman";
	min-height: max-content;
	color: var(--brun);
	font-variant: small-caps;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
	justify-content:center;
	margin-top:5px;
}

div.sheet-sorts > span:nth-of-type(1)
{
	width:calc(100% - 65px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px);
}

div.sheet-sorts > span:nth-of-type(2),
div.sheet-sorts > span:nth-of-type(3),
div.sheet-sorts > span:nth-of-type(4)
{
	width:65px;
}

div.sheet-sorts > span:nth-of-type(5)
{
	width:130px;
}

div.sheet-sorts > span:nth-of-type(2),
div.sheet-sorts > span:nth-of-type(4)
{
	width:61px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-sorts > span:nth-of-type(6)
{
	width:128px;
	border-left:2px solid var(--brun);
}

div.sheet-sorts > span:nth-of-type(7),
div.sheet-sorts > span:nth-of-type(8),
div.sheet-sorts > span:nth-of-type(9)
{
	width:25px;
	margin-top:0px;
	padding-top:5px;
}

div.sheet-sorts > span:nth-of-type(7),
div.sheet-sorts > span:nth-of-type(9)
{
	background-color:var(--colLR);
}

div.sheet-sorts > span:nth-of-type(8)
{
	background-color:var(--colC);
}

div.sheet-sorts > span:nth-of-type(10)
{
	width:45px;
}

div.sheet-sorts > .repcontainer,
div.sheet-sorts > .repcontainer > .repitem,
div.sheet-invocations > .repcontainer,
div.sheet-invocations > .repcontainer > .repitem,
div.sheet-formules > .repcontainer,
div.sheet-formules > .repcontainer > .repitem
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-between;
}

div.sheet-sorts > .repcontainer > .repitem:not(:last-of-type),
div.sheet-invocations > .repcontainer > .repitem:not(:last-of-type),
div.sheet-formules > .repcontainer > .repitem:not(:last-of-type)
{
	padding-bottom:5px;
	margin-bottom:5px;
	border-bottom:5px double var(--brun);
}

div.sheet-sorts > .repcontainer > .repitem > input[type="text"],
div.sheet-sorts > .repcontainer > .repitem > input[type="number"],
div.sheet-sorts > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-invocations > .repcontainer > .repitem > input[type="text"],
div.sheet-invocations > .repcontainer > .repitem > input[type="number"],
div.sheet-invocations > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-formules > .repcontainer > .repitem > input[type="text"],
div.sheet-formules > .repcontainer > .repitem > input[type="number"],
div.sheet-formules > .repcontainer > .repitem > div > label > input[type="number"]
{
	border: 0px;
	border-bottom: 1px dotted var(--brun);
	background: transparent;
	padding-top: 6px;
}

div.sheet-sorts > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-invocations > .repcontainer > .repitem > div > label > input[type="number"],
div.sheet-formules > .repcontainer > .repitem > div > label > input[type="number"]
{
	text-align:center;
}

div.sheet-sorts > .repcontainer > .repitem > select,
div.sheet-sorts > .repcontainer > .repitem > div > label > select,
div.sheet-invocations > .repcontainer > .repitem > select,
div.sheet-invocations > .repcontainer > .repitem > div > label > select,
div.sheet-formules > .repcontainer > .repitem > select,
div.sheet-formules > .repcontainer > .repitem > div > label > select
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted black;
	background:transparent;
	text-align:center;
	padding-top:6px;
	height:30px;
}

div.sheet-invocations > .repcontainer > .repitem > div > select
{
	border: 0px;
	margin: 0px;
	padding: 0px;
	background:transparent;
	text-align:center;
	padding-top:6px;
	height:30px;
}

div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1),
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1),
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1)
{
	width: 30px;
	height: 30px;
}

div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"],
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]
{
	position: absolute;
	opacity: 0;
	width: 30px;
	height: 30px;
}

div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span,
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span
{
	width: 100%;
}

div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before,
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"] ~ span::before
{
	display: flex;
	width: 100%;
	height: 28px;
	content: "+";
	justify-content: center;
	align-items: center;
	background-image: linear-gradient(rgb(var(--blanc), 0.5), rgb(var(--blanc), 0.5));
	border: 1px solid var(--brun);
	font-size: 20px;
	transition: all 0.2s;
}
div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before,
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(1) > input[type="checkbox"]:checked ~ span::before
{
	content: "-";
	box-shadow: 0px 0px 5px black inset;
}

div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
	width:calc(100% - 65px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px - 30px);
	padding-left:5px;
	font-weight:bold;
}

div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(1),
div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(2),
div.sheet-sorts > .repcontainer > .repitem > input[type="number"]:nth-of-type(2),
div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(2),
div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
	width:65px;
}

div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(3),
div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
	width:130px;
}

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

div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)),
div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)),
div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1))
{
	width:25px;
	justify-content:center;
	align-items:center;
}

div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"],
div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"],
div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]
{
	position:absolute;
	width:15px;
	height:15px;
	opacity:0;
}

div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span,
div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span,
div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span
{
	width:15px;
	height:15px;
}

div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before,
div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before,
div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"] ~ span::before
{
	content:"";
	width:15px;
	height:11px;
	border-radius: 15px;
	border: 2px solid var(--brun);
	text-align: center;
}

div.sheet-sorts > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before,
div.sheet-invocations > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before,
div.sheet-formules > .repcontainer > .repitem > label:not(:nth-of-type(1)) > input[type="checkbox"]:checked ~ span::before
{
	background-color: var(--brun);
}

div.sheet-sorts > .repcontainer > .repitem > select:nth-of-type(1),
div.sheet-sorts > .repcontainer > .repitem > input[type="number"]:nth-of-type(2)
{
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-sorts > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
	border-left:2px solid var(--brun);
}


div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(2),
div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(4)
{
	background-color:var(--colLR);
}

div.sheet-sorts > .repcontainer > .repitem > label:nth-of-type(3)
{
	background-color:var(--colC);
}

div.sheet-sorts > .repcontainer > .repitem > button[type="roll"]
{
	width: 40px;
	height: 30px;
	background-image: var(--dice);
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	margin-left:auto;
}

div.sheet-sorts > .repcontainer > .repitem > button[type="roll"]::before
{
	content:"";
}

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

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

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1),
div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2)
{
	width:calc(50% - 75px - 35px);
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1) > span,
div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2) > span
{
	width:50px;
	align-items:center;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(1) > select,
div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(2) > select
{
	width:calc(100% - 50px);
	text-align:center;
	border-bottom:0px;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3)
{
	width:150px;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3) > span
{
	width:100px;
	align-items:center;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(3) > input[type="number"]
{
	width:50px;
	text-align:center;
	border-bottom:0px;
	cursor:auto;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4)
{
	width:70px;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4) > span
{
	width:50px;
	align-items:center;
}

div.sheet-sorts > .repcontainer > .repitem > div > label:nth-of-type(4) > input[type="number"]
{
	width:20px;
	text-align:center;
	border-bottom:0px;
	cursor:auto;
}

div.sheet-sorts > .repcontainer > .repitem > div > div
{
	width:100%;
	margin-bottom:2px;
}

div.sheet-sorts > .repcontainer > .repitem > div > div > textarea
{
	border:1px dotted black;
	background:transparent;
}

div.sheet-cercleArbreKabbale
{
	height:455px;
	width:100%;
	flex-wrap:wrap;
}

div.sheet-cercleArbreKabbale > span
{
	font-family:"Kodchasan";
	align-items:center;
	width:100%;
	font-size: 23px;
	font-weight: bold;
	color: white;
	padding-left: 10px;
	text-shadow: 2px 3px 5px black;
}

div.sheet-cercleArbreKabbale > span:nth-of-type(1)
{
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png");
	background-repeat: no-repeat;
	background-position-y: -270px;
	background-position-x: right;
	height: 120px;
	background-color:rgba(var(--C3Kabbale), 0.3);
}

div.sheet-cercleArbreKabbale > span:nth-of-type(2)
{
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png");
	background-repeat: no-repeat;
	background-position-y: -270px;
	background-position-x: right;
	height: 130px;
	background-color:rgba(var(--C2Kabbale), 0.9);
}

div.sheet-cercleArbreKabbale > span:nth-of-type(3)
{
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png");
	background-repeat: no-repeat;
	background-position-y: -220px;
	background-position-x: right;
	height: 205px;
	background-color:rgba(var(--C1Kabbale), 0.9);
}

div.sheet-colArbreKabbaleR
{
	position:absolute;
	width:calc(50% - 35px);
	height:455px;
	min-width:350px;
}

div.sheet-arbreKabbale
{
	margin-left:auto;
	background:var(--arbreKabbale);
	width:231px;
	height:455px;
	background-size:cover;
	background-repeat:no-repeat;
}

div.sheet-arbreKabbale > label
{
	width: 70px;
	flex-wrap: wrap;
	height: 53px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: "Time New Roman";
	position: absolute;
}

div.sheet-arbreKabbale > label > span
{
	justify-content: center;
	height: 20px;
	text-shadow: #FFF 1px 1px 5px, #FFF -1px 1px 5px, #FFF -1px -1px 5px, #FFF 1px -1px 5px;
	width: 100%;
}

div.sheet-arbreKabbale > label > input[type="number"]
{
	text-align: center;
	border: 0px;
	box-shadow: none;
	background: transparent;
	margin-right: auto;
	margin-left: auto;
	height: 35px;
	width: 60px;
	border-bottom-left-radius: 30px;
	border-bottom-right-radius: 29px;
	font-size: 25px;
	font-weight: bold;
	font-family: "Time New Roman";
}

div.sheet-arbreKabbale > label.sheet-malkuth
{
	margin-top: 400px;
	margin-left: 81px;
	color: rgb(036, 032, 033);
}

div.sheet-arbreKabbale > label.sheet-yesod
{
	margin-top: 300px;
	margin-left: 81px;
	color: rgb(036, 032, 033);
}

div.sheet-arbreKabbale > label.sheet-hod
{
	margin-top: 252px;
	margin-left: -5px;
	color: rgb(036, 032, 033);
}

div.sheet-arbreKabbale > label.sheet-netzach
{
	margin-top: 252px;
	margin-left: 167px;
	color: rgb(036, 032, 033);
}

div.sheet-arbreKabbale > label.sheet-tiphereth
{
	margin-top: 202px;
	margin-left: 81px;
	color: rgb(096, 099, 100);
}

div.sheet-arbreKabbale > label.sheet-geburah
{
	margin-top: 152px;
	margin-left: -5px;
	color: rgb(096, 099, 100);
}

div.sheet-arbreKabbale > label.sheet-chesed
{
	margin-top: 152px;
	margin-left: 167px;
	color: rgb(096, 099, 100);
}

div.sheet-arbreKabbale > label.sheet-hokmah
{
	margin-top: 55px;
	margin-left: 167px;
	color: rgb(151, 129, 089);
}

div.sheet-arbreKabbale > label.sheet-binah
{
	margin-top: 55px;
	margin-left: -5px;
	color: rgb(151, 129, 089);
}

div.sheet-arbreKabbale > label.sheet-kether
{
	margin-top: 6px;
	margin-left: 81px;
	color: rgb(151, 129, 089);
}

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

div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="number"],
div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="text"]
{
	border:0px;
	padding:0px;
	margin:0px;
	border-bottom:1px dotted black;
	padding-top:10px;
	height:30px;
	background:transparent;
}

div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="number"]
{
	width:25px;
	text-align:center;
	margin-left:5px;
}

div.sheet-kOrdonnance > .repcontainer > .repitem > input[type="text"]
{
	width:calc(100% - 30px - 30px);
}


div.sheet-kOrdonnance > .repcontainer > .repitem > label
{
	width:23px;
	height:23px;
	margin-left:5px;
	margin-top:2.5px;
}

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

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

div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"] ~ span::before
{
	content:"";
	width:100%;
	height:23px;
	border:1px solid black;
	font-size: 28px;
	line-height: 23px;
	color:black;
	border-radius:5px;
}

div.sheet-kOrdonnance > .repcontainer > .repitem > label > input[type="checkbox"]:checked ~ span::before
{
	content:"✓";
}

div.sheet-invocations > span:nth-of-type(1)
{
	width:calc(100% - 130px - 65px - 65px - 65px - 65px - 60px - 25px - 25px - 25px - 80px);
}

div.sheet-invocations > span:nth-of-type(2)
{
	width:126px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-invocations > span:nth-of-type(4),
div.sheet-invocations > span:nth-of-type(6)
{
	width:61px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-invocations > span:nth-of-type(3),
div.sheet-invocations > span:nth-of-type(5)
{
	width:65px;
}

div.sheet-invocations > span:nth-of-type(11)
{
	width:80px;
	margin-left:auto;
}

div.sheet-invocations > span:nth-of-type(7)
{
	width:60px;
}

div.sheet-invocations > span:nth-of-type(8),
div.sheet-invocations > span:nth-of-type(9),
div.sheet-invocations > span:nth-of-type(10)
{
	width:25px;
}

div.sheet-invocations > span:nth-of-type(8),
div.sheet-invocations > span:nth-of-type(10)
{
	background-color:var(--colLR);
}

div.sheet-invocations > span:nth-of-type(9)
{
	background-color:var(--colC);
}

div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
	width:calc(100% - 30px - 130px - 65px - 65px - 65px - 65px - 60px - 25px - 25px - 25px - 80px);
	padding-left:2px;
	font-weight:bold;
}

div.sheet-invocations > .repcontainer > .repitem > select:nth-of-type(1)
{
	width:130px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-invocations > .repcontainer > .repitem > input[type="number"]:nth-of-type(2),
div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(2),
div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(4)
{
	width:65px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-invocations > .repcontainer > .repitem > select:nth-of-type(2)
{
	width:65px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(3),
div.sheet-invocations > .repcontainer > .repitem > input[type="text"]:nth-of-type(5)
{
	width:65px;
}

div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2)
{
	width:60px;
}

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

div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label
{
	width: 23px;
	height: 25px;
	margin:auto;
}

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

div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"] ~ span
{
	width:100%;
}

div.sheet-invocations > .repcontainer > .repitem > div:nth-last-of-type(2) > label > input[type="checkbox"] ~ span::before
{
	content: "";
	width: 100%;
	height: 23px;
	border: 1px solid black;
	font-size: 28px;
	line-height: 23px;
	color: black;
	border-radius: 5px;
}

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

div.sheet-invocations > .repcontainer > .repitem > div:last-of-type
{
	display:none;
}

div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(2), 
div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(4) 
{
    background-color: var(--colLR);
}

div.sheet-invocations > .repcontainer > .repitem > label:nth-of-type(3) 
{
    background-color: var(--colC);
}

div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]::before
{
	content:"";
}

div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]
{
	height: 30px;
	cursor: pointer;
	background-size: contain;
	margin: 0px;
	border: 0px;
	padding: 0px;
	background-position: 0px;
	background-color: transparent;
	background-repeat:no-repeat;
}

div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]:nth-of-type(1)
{
	background-image: var(--dice);
	width: 40px;
	margin-left:auto;
	margin-right:5px;
}

div.sheet-invocations > .repcontainer > .repitem > button[type="roll"]:nth-of-type(2)
{
	width: 30px;
	background-image: var(--opposition);
	margin-right:5px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div
{
	display:flex;
    width:100%;
	flex-wrap:wrap;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label:not(:last-of-type)
{
	width:160px;
	justify-content:space-between;
}

div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label:last-of-type
{
	width:80px;
	margin-left:auto;
}

div.sheet-invocations > .repcontainer > .repitem > div:last-of-type > label:last-of-type > span
{
	width:33px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > span
{
	width:75px;
	align-items:center;
	justify-content:flex-start;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > select,
div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label > input[type="number"]
{
	text-align:center;
	width:85px;
	border:0px;
	cursor:auto;
	min-width:0px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > label:not(:first-of-type):not(:last-of-type)
{
	margin-left:5px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > div
{
	width:100%;
	margin-bottom:2px;
}

div.sheet-invocations > .repcontainer > .repitem > input[type="hidden"][value="1"] ~ div > div > textarea
{
	background:transparent;
	border:1px dotted black;
}

div.sheet-oeuvres
{
	width:100%;
	justify-content:space-between;
}

div.sheet-oeuvres > label
{
	width:calc((100% / 3) - 5px);
	justify-content:center;
	text-align:center;
	flex-wrap:wrap;
	padding-bottom:5px;
	padding-top:5px;
}

div.sheet-oeuvres > label:nth-of-type(1)
{
	background-repeat: no-repeat;
	background-position-y: 0px, 100%, -1px;
	background-position-x: 0px, -190px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png"), linear-gradient(to right, rgba(0, 0, 0, 0.7),rgb(0, 0, 0));
}

div.sheet-oeuvres > label:nth-of-type(2)
{
	background-repeat: no-repeat;
	background-position-y: 0px, 100%, -1px;
	background-position-x: 0px, -190px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png"), linear-gradient(to right, rgba(234, 235, 236, 0.7),rgb(234, 235, 236));
	border-left: 2px solid var(--titreGris);
	border-right: 2px solid var(--titreGris);
}

div.sheet-oeuvres > label:nth-of-type(3)
{
	margin-right:15px;
	background-repeat: no-repeat;
	background-position-y: 0px, 100%, -1px;
	background-position-x: 0px, -190px;
	background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 50%,rgba(255, 255, 255, 0.8)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/fond3.png"), linear-gradient(to right, rgba(194, 072, 049, 0.7),rgb(194, 072, 049));
}

div.sheet-oeuvres > label > span
{
	font-family: "Kodchasan";
	width: 80%;
	font-size: 18px;
	justify-content:center;
	text-shadow: 2px 3px 5px black;
	color: white;
	word-wrap:anywhere;
	font-weight:bold;
}

div.sheet-oeuvres > label > input[type="number"]
{
	width:80%;
	border: 2px solid var(--brun);
	text-align:center;
	height:30px;
	margin-top:5px;
	font-size:25px;
}

label.sheet-alchimieVoie
{
	width:100%;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:10px;
	margin-right:15px;
}

label.sheet-alchimieVoie > span
{
	width:100%;
	font-family: "Times New Roman";
	min-height: max-content;
	color: var(--brun);
	font-variant: small-caps;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: 1px;
}

label.sheet-alchimieVoie > select
{
	width: 100%;
	border: 0px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted black;
	background: transparent;
}

div.sheet-alchimieSConstruct
{
	width:100%;
	justify-content:space-around;
	flex-wrap:wrap;
}

div.sheet-alchimieSConstruct label
{
	width: 150px;
	height: 25px;
	cursor: pointer;
	border: 1px solid var(--titre);
	margin: 2px;
}

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

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

div.sheet-alchimieSConstruct label > span::before
{
	display: flex;
	width: 100%;
	content: attr(title);
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	justify-content: center;
	box-shadow: 1px 1px 3px black;
	background: var(--titre);
}


div.sheet-alchimieSConstruct label > input[type="checkbox"]:checked ~ span::before
{
	box-shadow: inset 1px 1px 3px black;
	background: RGB(119, 89, 59);
	color: white;
}

div.sheet-materiaePrimae
{
	width:100%;
	flex-wrap:wrap;
	border-left: 2px solid var(--titreGris);
	justify-content:space-between;
}

div.sheet-materiaePrimae > div:first-of-type
{
	margin-left:10px;
}

div.sheet-materiaePrimae > div
{
	width:calc((100% / 5) - 10px);
	flex-wrap:wrap;
}

div.sheet-materiaePrimae > div > label
{
	width:100%;
	justify-content:space-between;
	border: 2px solid var(--brun);
	margin-top:5px;
}

div.sheet-materiaePrimae > div > label > input[type="number"]
{
	width:calc((100% / 2) - 2.5px);
	text-align:center;
	background:transparent;
	border:0px;
	height:30px;
	font-weight:bold;
	font-size:20px;
}

div.sheet-materiaePrimae > div > label > span
{
	width:5px;
	color:var(--brun);
	align-items:center;
	font-size:20px;
}

div.sheet-constructs
{
	width:100%;
	flex-wrap:wrap;
	justify-content:space-evenly;
}

div.sheet-constructs > h1
{
	margin-bottom:10px;
}

div.sheet-constructs > input[type="hidden"].sheet-cornue[value="0"] ~ div.sheet-cornue,
div.sheet-constructs > input[type="hidden"].sheet-athanor[value="0"] ~ div.sheet-athanor,
div.sheet-constructs > input[type="hidden"].sheet-aludel[value="0"] ~ div.sheet-aludel,
div.sheet-constructs > input[type="hidden"].sheet-forge[value="0"] ~ div.sheet-forge,
div.sheet-constructs > input[type="hidden"].sheet-alambic[value="0"] ~ div.sheet-alambic
{
	display:none;
}

div.sheet-constructs > div
{
	width: 445px;
	height: 450px;
	margin-bottom:-50px;
}

div.sheet-constructs > div:nth-of-type(1)
{
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Cornue.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element-sans-homme.png');
	background-size: 220px, contain;
	background-repeat: no-repeat;
	background-position-x: calc(50% + 5px), 0px;
	background-position-y: center;
}

div.sheet-constructs > div:nth-of-type(2)
{
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/athanor.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element-sans-homme.png');
	background-size: 150px, contain;
	background-repeat: no-repeat;
	background-position-x: calc(50% + 3px), 0px;
	background-position-y: calc(50% - 25px), center;
}

div.sheet-constructs > div:nth-of-type(3)
{
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/aludel.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element-sans-homme.png');
	background-size: 80px, contain;
	background-repeat: no-repeat;
	background-position-x: calc(50% - 5px), center;
	background-position-y: calc(50% - 25px), center;
}

div.sheet-constructs > div:nth-of-type(4)
{
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Creuset-alchimique.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element-sans-homme.png');
	background-size: 150px, contain;
	background-repeat: no-repeat;
	background-position-x: calc(50% + -5px), 0px;
	background-position-y: calc(50% - 15px), center;
}

div.sheet-constructs > div:nth-of-type(5)
{
	background-image: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Alambic.png'), url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/ka-element-sans-homme.png');
	background-size: 135px, contain;
	background-repeat: no-repeat;
	background-position-x: calc(50% + -13px), 0px;
	background-position-y: calc(50% - 25px), center;
}

div.sheet-constructs > div > span:not(:nth-last-of-type(2))
{
	position: absolute;
	font-family: "Times New Roman";
	font-size: 16px;
	text-shadow: 1px 1px 5px white;
	min-width: max-content;
	font-variant: small-caps;
}

div.sheet-constructs > div > input[type="number"]
{
	position: absolute;
	text-align: center;
	border: 0px;
	height: 31px;
	border-radius: 15px;
	width: 30px;
	background: transparent;
	font-size: 15px;
	color: black;
}

div.sheet-constructs > div > span:nth-of-type(1)
{
	margin-left: 199px;
	margin-top: -5px;
}

div.sheet-constructs > div > input[type="number"]:nth-of-type(1)
{
	margin-left: 208px;
	margin-top: 69px;
}

div.sheet-constructs > div > span:nth-of-type(2)
{
	margin-top: 109px;
	margin-left: 10px;
}

div.sheet-constructs > div > input[type="number"]:nth-of-type(2)
{
	margin-left: 90px;
	margin-top: 157px;
}

div.sheet-constructs > div > span:nth-of-type(3)
{
	margin-top: 109px;
	margin-left: 370px;
}

div.sheet-constructs > div > input[type="number"]:nth-of-type(3)
{
	margin-left: 326px;
	margin-top: 157px;
}

div.sheet-constructs > div > span:nth-of-type(4)
{
	margin-top: 373px;
	margin-left: 85px;
}

div.sheet-constructs > div > input[type="number"]:nth-of-type(4)
{
	margin-top: 303px;
	margin-left: 129px;
}

div.sheet-constructs > div > span:nth-of-type(6)
{
	margin-top: 373px;
	margin-left: 294px;
}

div.sheet-constructs > div > input[type="number"]:nth-of-type(5)
{
	margin-top: 303px;
	margin-left: 285px;
}

div.sheet-constructs > div > span:nth-of-type(5)
{
	word-wrap: anywhere;
	flex-wrap: wrap;
	font-family: "Times New Roman";
	font-size: 30px;
	height: max-content;
	width: max-content;
	justify-content: center;
	line-height: 25px;
	margin: auto;
	margin-top: 305px;
	text-shadow: 1px 1px 5px white;
}

div.sheet-constructs > div:nth-of-type(4) > span:nth-of-type(5)
{
	word-wrap: anywhere;
	flex-wrap: wrap;
	font-family: "Times New Roman";
	font-size: 25px;
	height: max-content;
	width: 110px;
	justify-content: center;
	line-height: 22px;
	margin: auto;
	margin-top: 301px;
	text-shadow: 1px 1px 5px white;
	text-align: center;
}

div.sheet-constructs > div > span:nth-of-type(5) > span
{
	width: 100%;
	font-variant: small-caps;
	justify-content: center;
	text-shadow: 1px 1px 5px white;
	font-size:20px;
}

div.sheet-formules > span:nth-of-type(1)
{
	width:calc(100% - 130px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px);
}

div.sheet-formules > span:nth-of-type(2)
{
	width:126px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-formules > span:nth-of-type(3)
{
	width:65px;
}

div.sheet-formules > span:nth-of-type(4)
{
	width:61px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-formules > span:nth-of-type(5)
{
	width:130px;
}

div.sheet-formules > span:nth-of-type(6)
{
	width:128px;
	border-left:2px solid var(--brun);
}

div.sheet-formules > span:nth-of-type(7),
div.sheet-formules > span:nth-of-type(8),
div.sheet-formules > span:nth-of-type(9)
{
	width:25px;
	margin-top:0px;
	padding-top:5px;
}

div.sheet-formules > span:nth-of-type(7),
div.sheet-formules > span:nth-of-type(9)
{
	background-color:var(--colLR);
}

div.sheet-formules > span:nth-of-type(8)
{
	background-color:var(--colC);
}

div.sheet-formules > span:nth-of-type(10)
{
	width:45px;
}

div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(1)
{
	width:calc(100% - 130px - 65px - 65px - 130px - 130px - 25px - 25px - 25px - 45px - 30px);
	padding-left:5px;
	font-weight:bold;
}

div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(1)
{
	width:130px;
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(2),
div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(3)
{
	width:65px;
}

div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(3)
{
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(2),
div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
	width:130px;
	text-align:center;
}

div.sheet-formules > .repcontainer > .repitem > input[type="text"]:nth-of-type(3)
{
	border-left:2px solid var(--brun);
}

div.sheet-formules > .repcontainer > .repitem > button[type="roll"] 
{
    width: 40px;
    height: 30px;
    background-image: var(--dice);
    cursor: pointer;
    background-size: contain;
    margin: 0px;
    border: 0px;
    padding: 0px;
    background-position: 0px;
    background-color: transparent;
    margin-left: auto;
}

div.sheet-formules > .repcontainer > .repitem > button[type="roll"]::before
{
    content:"";
}

div.sheet-formules > .repcontainer > .repitem > select:nth-of-type(1)
{
	border-left:2px solid var(--brun);
	border-right:2px solid var(--brun);
}

div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(2),
div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(4)
{
	background-color:var(--colLR);
}

div.sheet-formules > .repcontainer > .repitem > label:nth-of-type(3)
{
	background-color:var(--colC);
}

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

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

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1),
div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2)
{
	width:calc(50% - 115px);
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1) > span
{
	width:120px;
	align-items:center;
	justify-content:flex-start;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2) > span
{
	width:50px;
	align-items:center;
	justify-content:flex-start;
	padding-left:5px;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(1) > select
{
	width:calc(100% - 120px);
	text-align:center;
	border-bottom:0px;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(2) > select
{
	width:calc(100% - 50px);
	text-align:center;
	border-bottom:0px;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3)
{
	width:150px;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4)
{
	width:80px;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3) > span
{
	width:100px;
	align-items:center;
	justify-content:flex-start;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4) > span
{
	width:33px;
	align-items:center;
	justify-content:flex-start;
}

div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(3) > input[type="number"],
div.sheet-formules > .repcontainer > .repitem > div > label:nth-of-type(4) > input[type="number"]
{
	width:50px;
	text-align:center;
	border-bottom:0px;
	cursor:auto;
}

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

div.sheet-formules > .repcontainer > .repitem > div > div > textarea
{
	width:100%;
	border:1px dotted black;
	background:transparent;
}

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

div.sheet-fraternite > div.sheet-col2
{
	margin-top:10px;
}

div.sheet-fraternite > div > label
{
	padding-right:10px;
	flex-wrap:wrap;
	border-left:2px solid var(--titreGris);
}

div.sheet-fraternite > div > label > input[type="text"]
{
	width:100%;
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
	padding-left:5px;
}

div.sheet-fraternite > div:nth-of-type(1) > div,
div.sheet-fraternite > div:nth-of-type(2) > div
{
	border-left:2px solid var(--titreGris);
	margin-left:10px;
	justify-content:space-between;
	flex-wrap:wrap;
}

div.sheet-fraternite > div > div > input[type="text"]
{
	width:calc(100% - 40px);
	border: 0px;
	border-bottom: 1px dotted black;
	min-width: 0px;
	background: transparent;
	height: 30px;
	padding-top: 12px;
	padding-left:5px;
}

div.sheet-fraternite > div > div > input[type="number"]
{
	width: 30px;
	height: 30px;
	border-radius: 25px;
	border: 2px solid var(--brun);
	text-align: center;
	margin-bottom: -5px;
}

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

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

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

div.sheet-fraternite > .repcontainer > .repitem > div
{
	margin-bottom:2px;
}

div.sheet-fraternite > .repcontainer > .repitem > div > textarea
{
	background:transparent;
	border:1px dotted black;
	padding-right:0px;
}

div.sheet-fraternite > .repcontainer > .repitem > .itemcontrol > .btn
{
	padding-bottom:0px;
}

.sheet-rolltemplate-base,
.sheet-rolltemplate-sort,
.sheet-rolltemplate-invocation,
.sheet-rolltemplate-opposition,
.sheet-rolltemplate-formule,
.sheet-rolltemplate-initiative
{
	background-image: radial-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.5)), url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Nephilim-Legende/img/Fond-vieux-papier.jpg");
	background-size: cover, cover, cover;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	font-family: 'Kalam', cursive;
	border: 4px double #000;
	padding: 4px;
}

.sheet-rolltemplate-base > h1,
.sheet-rolltemplate-sort > h1,
.sheet-rolltemplate-invocation > h1,
.sheet-rolltemplate-opposition > h1,
.sheet-rolltemplate-formule > h1,
.sheet-rolltemplate-initiative > h1
{
	display:flex;
	width:100%;
	font-family: "Kodchasan";
	font-size: 18px;
	justify-content:center;
}

.sheet-rolltemplate-base > h2
{
	display:flex;
	width:100%;
	font-family: "Kodchasan";
	font-size: 12px;
	justify-content:center;
	line-height:14px;
}

.sheet-rolltemplate-base > div,
.sheet-rolltemplate-sort > div,
.sheet-rolltemplate-invocation > div,
.sheet-rolltemplate-opposition > div,
.sheet-rolltemplate-formule > div,
.sheet-rolltemplate-initiative > div
{
	display:flex;
	width:100%;
	justify-content:space-between;
	flex-wrap:wrap;
	border-top:1px dotted black;
}

.sheet-rolltemplate-base > div > span,
.sheet-rolltemplate-sort > div > span,
.sheet-rolltemplate-invocation > div > span,
.sheet-rolltemplate-opposition > div > span,
.sheet-rolltemplate-formule > div > span,
.sheet-rolltemplate-initiative > div > span
{
	display:flex;
	width:100%;
	justify-content:center;
}

.sheet-rolltemplate-base > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-sort > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-invocation > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-opposition > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-formule > div:first-of-type > span:first-of-type,
.sheet-rolltemplate-initiative > div:first-of-type > span:first-of-type
{
	margin-top:10px;
}

.sheet-rolltemplate-base > div:first-of-type > span:nth-of-type(2),
.sheet-rolltemplate-sort > div:first-of-type > span:nth-of-type(2),
.sheet-rolltemplate-invocation > div:first-of-type > span:nth-of-type(2)
{
	font-weight:bold;
	font-size:15px;
	line-height:16px;
	margin-top:5px;
	font-style:italic;
	color:black;
	word-wrap:anywhere;
}

.sheet-rolltemplate-sort > div:first-of-type > span:nth-of-type(2),
.sheet-rolltemplate-invocation > div:first-of-type > span:nth-of-type(2)
{
	width:50%;
	justify-content:flex-end;
}

.sheet-rolltemplate-sort > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-invocation > div:first-of-type > span:last-of-type
{
	width:calc(50% - 5px);
	justify-content:flex-start;
	font-weight:bold;
	font-size:15px;
	font-style:italic;
	color:black;
	word-wrap:anywhere;
	margin-left:5px;
}

.sheet-rolltemplate-opposition > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-formule > div:first-of-type > span:last-of-type
{
	width:100%;
	justify-content:flex-start;
	font-weight:bold;
	font-size:15px;
	font-style:italic;
	color:black;
	word-wrap:anywhere;
	margin-left:5px;
	justify-content:center;
}

.sheet-rolltemplate-base > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-sort > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-invocation > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-opposition > div:first-of-type > span:last-of-type,
.sheet-rolltemplate-formule > div:first-of-type > span:last-of-type
{
	margin-top:5px;
	margin-bottom:10px;
}

.sheet-rolltemplate-base > div:last-of-type > span:first-of-type,
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:first-of-type,
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:first-of-type,
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:first-of-type,
.sheet-rolltemplate-initiative > div > span:last-of-type
{
	margin-top:10px;
}

.sheet-rolltemplate-base > div:last-of-type > span:last-of-type,
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:last-of-type,
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:last-of-type,
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:last-of-type,
.sheet-rolltemplate-initiative > div > span:last-of-type
{
	margin-bottom:10px;
}

.sheet-rolltemplate-base > div:last-of-type > span:not(:first-of-type):not(:last-of-type),
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type),
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type),
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:not(:first-of-type):not(:last-of-type)
{
	width:calc(50% - 5px);
	line-height:25px;
}

.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(2),
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(2),
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(2),
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(2)
{
	justify-content:flex-end;
	padding-right:5px;
	margin-top:5px;
}

.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(3),
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(3),
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(3),
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(3)
{
	justify-content:flex-start;
	padding-left:5px;
	margin-top:5px;
	color:black;
	font-weight:bold;
	font-size:x-large;
}

.sheet-rolltemplate-base > div:last-of-type > span:nth-of-type(4),
.sheet-rolltemplate-sort > div:nth-of-type(2) > span:nth-of-type(4),
.sheet-rolltemplate-invocation > div:nth-of-type(2) > span:nth-of-type(4),
.sheet-rolltemplate-formule > div:nth-of-type(2) > span:nth-of-type(4)
{
	font-size:20px;
	line-height:25px;
	margin-top:5px;
	font-weight:bold;
	font-style:italic;
}

.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(1),
.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(3),
.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(1),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(3),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(1),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(3),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6)
{
	margin-top:10px;
}

.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(2),
.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(4),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(2),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(4),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(2),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(4)
{
	font-weight: bold;
	font-size: 15px;
	line-height: 16px;
	margin-top: 5px;
	font-style: italic;
	color: black;
	word-wrap: anywhere;
	text-align:justify;
}

.sheet-rolltemplate-sort > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-invocation > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5),
.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6)
{
	text-align:justify;
}

.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(5) > span
{
	display:contents;
	font-weight:bold;
}

.sheet-rolltemplate-formule > div:nth-of-type(3) > span:nth-of-type(6)
{
	justify-content:flex-start;
	word-wrap:anywhere;
}

.sheet-rolltemplate-opposition > div:last-of-type > span
{
	width:25px;
	height:25px;
	margin:auto;
	font-variant:small-caps;
	font-weight:bold;
	font-size:20px;
	color:black;
}

.sheet-rolltemplate-opposition > div:last-of-type > div
{
	width:calc(50% - 12.5px);
	flex-wrap:wrap;
}

.sheet-rolltemplate-opposition > div:last-of-type > div > span
{
	display:flex;
	width:100%;
	justify-content:center;
}

.sheet-rolltemplate-opposition > div:last-of-type > div > span:first-of-type
{
	margin-top:10px;
	word-wrap:anywhere;
}

.sheet-rolltemplate-opposition > div:last-of-type > div > span:nth-of-type(2)
{
	line-height:25px;
	margin-top:5px;
}

.sheet-rolltemplate-opposition > div:last-of-type > div > span:last-of-type
{
	font-size: 20px;
	line-height: 25px;
	margin-top: 5px;
	font-weight: bold;
	font-style: italic;
}

.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type
{
	display:flex;
	width:100%;
	border-top:1px dotted black;
	margin-top:10px;
}

.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span
{
	display:flex;
	width:100%;
	justify-content:center;
}

.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:first-of-type
{
	word-wrap:anywhere;
}

.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:nth-of-type(2)
{
	line-height:25px;
	margin-top:5px;
}

.sheet-rolltemplate-opposition > div:last-of-type > div:last-of-type > span:last-of-type
{
	font-size: 20px;
	line-height: 25px;
	margin-top: 5px;
	font-weight: bold;
	font-style: italic;
}

.sheet-rolltemplate-base .sheet-fail,
.sheet-rolltemplate-sort .sheet-fail,
.sheet-rolltemplate-invocation .sheet-fail,
.sheet-rolltemplate-opposition .sheet-fail,
.sheet-rolltemplate-formule .sheet-fail
{
	color:red;
}

.sheet-rolltemplate-base .sheet-success,
.sheet-rolltemplate-sort .sheet-success,
.sheet-rolltemplate-invocation .sheet-success,
.sheet-rolltemplate-opposition .sheet-success,
.sheet-rolltemplate-formule .sheet-success
{
	color:green;
}

.sheet-rolltemplate-base .inlinerollresult,
.sheet-rolltemplate-sort .inlinerollresult,
.sheet-rolltemplate-invocation .inlinerollresult,
.sheet-rolltemplate-opposition .inlinerollresult,
.sheet-rolltemplate-formule .inlinerollresult,
.sheet-rolltemplate-initiative .inlinerollresult
{
	padding:0px;
	margin:0px;
	background:transparent;
	border:0px;
	color:black;
	font-weight:bold;
	font-size:x-large;
}

.sheet-rolltemplate-base .inlinerollresult.fullcrit,
.sheet-rolltemplate-sort .inlinerollresult.fullcrit,
.sheet-rolltemplate-invocation .inlinerollresult.fullcrit,
.sheet-rolltemplate-opposition .inlinerollresult.fullcrit,
.sheet-rolltemplate-formule .inlinerollresult.fullcrit,
.sheet-rolltemplate-initiative .inlinerollresult.fullcrit 
{
	color:red;
	border:0px;
}

.sheet-rolltemplate-base .inlinerollresult.fullfail,
.sheet-rolltemplate-sort .inlinerollresult.fullfail,
.sheet-rolltemplate-invocation .inlinerollresult.fullfail,
.sheet-rolltemplate-opposition .inlinerollresult.fullfail,
.sheet-rolltemplate-formule .inlinerollresult.fullfail,
.sheet-rolltemplate-initiative .inlinerollresult.fullfail
{
	color:green;
	border:0px;
}

.sheet-rolltemplate-base .inlinerollresult.importantroll,
.sheet-rolltemplate-sort .inlinerollresult.importantroll,
.sheet-rolltemplate-invocation .inlinerollresult.importantroll,
.sheet-rolltemplate-opposition .inlinerollresult.importantroll,
.sheet-rolltemplate-formule .inlinerollresult.importantroll,
.sheet-rolltemplate-initiative .inlinerollresult.importantroll
{
	color:blue;
	border:0px;
}