@font-face {
  font-family: 'Luminari';
  font-style: normal;
  /*font-weight: 400;*/
  src: local('Luminari'), local('Luminari-Regular'), url(https://programmancer.000webhostapp.com/root/img/Luminari.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.sheet-flexcenter{
display:flex;
align-items:center;
}

.sheet-nombreflexcenter{
display:flex;
align-items:center;
font-family:'Luminari','Helvetica',sans-serif;
}

.charsheet {
    /*Definicion principal*/
    
	/*background: url(https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Dungeon%20World%20by%20Roll20/images/background.png);*/
	/*background-repeat: repeat-y;*/
	/*background-color: rgb(230, 231, 233);*/
	/*
	border: 0px solid rgb(35, 31, 32);
	font-weight: normal;
    font-family: 'League Gothic', 'Helvetica', sans-serif;	
    */
    
    font-family: serif;	
    /*
	background: url("https://programmancer.000webhostapp.com/root/img/blueprint.jpg");
	background-repeat: no-repeat;
	*/
    background-image: url("https://programmancer.000webhostapp.com/root/img/bg.jpg");    
	background-repeat: repeat;
	min-width: 880px;
	height: auto;
}

.charsheet button.repcontrol_edit{
    background-image: url("https://programmancer.000webhostapp.com/root/img/gear.svg");    
    background-repeat: no-repeat;
    background-size:cover;/*35px 35px;*/
    width:20px;
    height:20px;
    font-size:0px;
    
  text-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  border:none;
  outline: none;
  border-radius: 0;
  color: #000;
}


.charsheet .repcontrol_edit:hover {
    background: url("https://programmancer.000webhostapp.com/root/img/gear.svg");    
    font-size:0px;

}
.charsheet .editmode {
    
}


.charsheet button.repcontrol_add{
    background-image: url("https://programmancer.000webhostapp.com/root/img/plus2.svg");    
    background-repeat: no-repeat;
    background-size:cover;/*35px 35px;*/
    width:20px;
    height:20px;
    content:"";
    
  text-shadow: none;
  /*background: transparent;*/
  box-shadow: none;
  box-sizing: border-box;
  border:none;
  /*font-weight: bold;*/
  /*font-family: 'Double';*/
  outline: none;
  border-radius: 0;
  /*transition: all 0.2s;*/
  color: #000;
  
  font-size: 0px;

}

.charsheet .repcontrol_add:hover {
  background: url("https://programmancer.000webhostapp.com/root/img/plus2.svg");    

}

/*-- MENU - INICIO --*/
/*Menu antes de todo*/
.sheet-show-menu:not([value="1"]) ~ .sheet-container-menu .sheet-menu {
  display: none;
}

.sheet-menu-mode:not([value="sheet_choice"]) ~ .sheet-sheet_choice {
  display: none;
}

.sheet-select-estilo{
background: linear-gradient(to left, #f4eedb , #f4eedb);
border:0;
outline:none;
font-weight:bold;
margin-left:-10px;
}

.sheet-select-tags{
background: linear-gradient(to left, #f9f6ed , #f9f6ed);
border:0;
outline:none;
font-weight:bold;
margin-left:-10px;
}

.sheet-menu {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  padding-top: 11px;
  z-index: 10000;
  left: 0;
  width: 100%;
  height: 1000px;
}

.sheet-menu .sheet-content {
  background: #f4eedb;
  border: 2px solid #99925d ;
  margin: 0 auto;
  border-radius: 10px;
  padding: 15px;
}

.sheet-menu .sheet-sheet_choice {
  width: 450px;
  display: grid;
  grid: auto/repeat(3, 33%);
  grid-row-gap: 5px;
  justify-content: space-between;
}

.sheet-menu .sheet-column {
  display: grid;
  align-content: start;
  grid-row-gap: 8px;
  justify-items: center;
}

.sheet-menu .sheet-label {
  font-family: 'Double';    
  font-size: 20px;
  text-align: center;
  margin: 3px 0;
}

.sheet-menu .sheet-desc {
  text-align: center;
  font-size: 12px;
  margin-bottom: 4px;
}

.sheet-menu .sheet-footer {
  grid-column: 1 / span 3;
  font-size: 15px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  align-self: center;
}

.sheet-menu .sheet-cancelbutton {
  align-self: center;
  justify-self: end;
}

button.sheet-generatebutton {
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding: 2px 8px;
  color: #99925d;
  outline: none;
  border: 1px solid #99925d;
}

button.sheet-generatebutton:hover {
  color: #3d4d47 ;
  border-color: #3d4d47 ;
}

button.sheet-generatebutton .sheet-optional {
  font-size: 0.8em;
  font-style: italic;
}

/**/
.sheet-eq1col1,.sheet-eq2col1,.sheet-eq3col1,.sheet-eq4col1,
.sheet-eq1col2,.sheet-eq2col2,.sheet-eq3col2,.sheet-eq4col2,
.sheet-eq1col3,.sheet-eq2col3,.sheet-eq3col3,.sheet-eq4col3{
    background-color:#c2bc91;
}
.sheet-xeq1col1,.sheet-xeq2col1,.sheet-xeq3col1,.sheet-xeq4col1,
.sheet-xeq1col2,.sheet-xeq2col2,.sheet-xeq3col2,.sheet-xeq4col2,
.sheet-xeq1col3,.sheet-xeq2col3,.sheet-xeq3col3,.sheet-xeq4col3{
    color:#ffffff;
}


.sheet-checkequipment1col1:checked ~ .sheet-eq1col1{background-color:#3d4d47;}
.sheet-checkequipment1col1:checked ~ .sheet-xeq1col1{color:#ffffff;}
.sheet-checkequipment2col1:checked ~ .sheet-eq2col1{background-color:#3d4d47;}
.sheet-checkequipment2col1:checked ~ .sheet-xeq2col1{color:#ffffff;}
.sheet-checkequipment3col1:checked ~ .sheet-eq3col1{background-color:#3d4d47;}
.sheet-checkequipment3col1:checked ~ .sheet-xeq3col1{color:#ffffff;}
.sheet-checkequipment4col1:checked ~ .sheet-eq4col1{background-color:#3d4d47;}
.sheet-checkequipment4col1:checked ~ .sheet-xeq4col1{color:#ffffff;}
.sheet-checkequipment1col2:checked ~ .sheet-eq1col2{background-color:#3d4d47;}
.sheet-checkequipment1col2:checked ~ .sheet-xeq1col2{color:#ffffff;}
.sheet-checkequipment2col2:checked ~ .sheet-eq2col2{background-color:#3d4d47;}
.sheet-checkequipment2col2:checked ~ .sheet-xeq2col2{color:#ffffff;}
.sheet-checkequipment3col2:checked ~ .sheet-eq3col2{background-color:#3d4d47;}
.sheet-checkequipment3col2:checked ~ .sheet-xeq3col2{color:#ffffff;}
.sheet-checkequipment4col2:checked ~ .sheet-eq4col2{background-color:#3d4d47;}
.sheet-checkequipment4col2:checked ~ .sheet-xeq4col2{color:#ffffff;}
.sheet-checkequipment1col3:checked ~ .sheet-eq1col3{background-color:#3d4d47;}
.sheet-checkequipment1col3:checked ~ .sheet-xeq1col3{color:#ffffff;}
.sheet-checkequipment2col3:checked ~ .sheet-eq2col3{background-color:#3d4d47;}
.sheet-checkequipment2col3:checked ~ .sheet-xeq2col3{color:#ffffff;}
.sheet-checkequipment3col3:checked ~ .sheet-eq3col3{background-color:#3d4d47;}
.sheet-checkequipment3col3:checked ~ .sheet-xeq3col3{color:#ffffff;}
.sheet-checkequipment4col3:checked ~ .sheet-eq4col3{background-color:#3d4d47;}
.sheet-checkequipment4col3:checked ~ .sheet-xeq4col3{color:#ffffff;}


.sheet-equipment1col1,.sheet-equipment2col1,.sheet-equipment3col1,.sheet-equipment4col1,
.sheet-equipment1col2,.sheet-equipment2col2,.sheet-equipment3col2,.sheet-equipment4col2,
.sheet-equipment1col3,.sheet-equipment2col3,.sheet-equipment3col3,.sheet-equipment4col3{
    display:none;
}

.sheet-checkequipment1col1:checked ~ .sheet-equipment1col1{display:block;}
.sheet-checkequipment2col1:checked ~ .sheet-equipment2col1{display:block;}
.sheet-checkequipment3col1:checked ~ .sheet-equipment3col1{display:block;}
.sheet-checkequipment4col1:checked ~ .sheet-equipment4col1{display:block;}
.sheet-checkequipment1col2:checked ~ .sheet-equipment1col2{display:block;}
.sheet-checkequipment2col2:checked ~ .sheet-equipment2col2{display:block;}
.sheet-checkequipment3col2:checked ~ .sheet-equipment3col2{display:block;}
.sheet-checkequipment4col2:checked ~ .sheet-equipment4col2{display:block;}
.sheet-checkequipment1col3:checked ~ .sheet-equipment1col3{display:block;}
.sheet-checkequipment2col3:checked ~ .sheet-equipment2col3{display:block;}
.sheet-checkequipment3col3:checked ~ .sheet-equipment3col3{display:block;}
.sheet-checkequipment4col3:checked ~ .sheet-equipment4col3{display:block;}


.sheet-c-wear1,.sheet-c-wear2,.sheet-c-wear3,.sheet-c-wear4,.sheet-c-wear5,
.sheet-c-wear6,.sheet-c-wear7,.sheet-c-wear8,.sheet-c-wear9,.sheet-c-wear10{
    display:none;
}

.sheet-check1:checked ~ .sheet-c-wear1{
    display:block;
}
.sheet-check2:checked ~ .sheet-c-wear2{
    display:block;
}
.sheet-check3:checked ~ .sheet-c-wear3{
    display:block;
}
.sheet-check4:checked ~ .sheet-c-wear4{
    display:block;
}
.sheet-check5:checked ~ .sheet-c-wear5{
    display:block;
}
.sheet-check6:checked ~ .sheet-c-wear6{
    display:block;
}
.sheet-check7:checked ~ .sheet-c-wear7{
    display:block;
}
.sheet-check8:checked ~ .sheet-c-wear8{
    display:block;
}
.sheet-check9:checked ~ .sheet-c-wear9{
    display:block;
}
.sheet-check10:checked ~ .sheet-c-wear10{
    display:block;
}



.sheet-menu-mode[value="champion"] ~ .sheet-champion,
.sheet-menu-mode[value="chronicler"] ~ .sheet-chronicler,
.sheet-menu-mode[value="exile"] ~ .sheet-exile,
.sheet-menu-mode[value="envoy"] ~ .sheet-envoy,
.sheet-menu-mode[value="heretic"] ~ .sheet-heretic,
.sheet-menu-mode[value="pirate"] ~ .sheet-pirate,
.sheet-menu-mode[value="prince"] ~ .sheet-prince,
.sheet-menu-mode[value="raconteur"] ~ .sheet-raconteur,
.sheet-menu-mode[value="raider"] ~ .sheet-raider,
.sheet-menu-mode[value="seeker"] ~ .sheet-seeker,
.sheet-menu-mode[value="adventurer"] ~ .sheet-adventurer,
.sheet-menu-mode[value="arbiter"] ~ .sheet-arbiter,
.sheet-menu-mode[value="harrier"] ~ .sheet-harrier,
.sheet-menu-mode[value="ranger"] ~ .sheet-ranger,
.sheet-menu-mode[value="ronin"] ~ .sheet-ronin,
.sheet-menu-mode[value="scoundrel"] ~ .sheet-scoundrel,
.sheet-menu-mode[value="tinker"] ~ .sheet-tinker,
.sheet-menu-mode[value="thief"] ~ .sheet-thief,
.sheet-menu-mode[value="vagrant"] ~ .sheet-vagrant {
    display: block;
}

.sheet-menu-mode[value="champion"] ~ .sheet-championi,
.sheet-menu-mode[value="chronicler"] ~ .sheet-chronicleri,
.sheet-menu-mode[value="exile"] ~ .sheet-exilei,
.sheet-menu-mode[value="envoy"] ~ .sheet-envoyi,
.sheet-menu-mode[value="heretic"] ~ .sheet-heretici,
.sheet-menu-mode[value="pirate"] ~ .sheet-piratei,
.sheet-menu-mode[value="prince"] ~ .sheet-princei,
.sheet-menu-mode[value="raconteur"] ~ .sheet-raconteuri,
.sheet-menu-mode[value="raider"] ~ .sheet-raideri,
.sheet-menu-mode[value="seeker"] ~ .sheet-seekeri,
.sheet-menu-mode[value="adventurer"] ~ .sheet-adventureri,
.sheet-menu-mode[value="arbiter"] ~ .sheet-arbiteri,
.sheet-menu-mode[value="harrier"] ~ .sheet-harrieri,
.sheet-menu-mode[value="ranger"] ~ .sheet-rangeri,
.sheet-menu-mode[value="ronin"] ~ .sheet-ronini,
.sheet-menu-mode[value="scoundrel"] ~ .sheet-scoundreli,
.sheet-menu-mode[value="tinker"] ~ .sheet-tinkeri,
.sheet-menu-mode[value="thief"] ~ .sheet-thiefi,
.sheet-menu-mode[value="vagrant"] ~ .sheet-vagranti {
    display: inline;
}


.sheet-menu-type[value="char"] ~ .sheet-setting-char,
.sheet-menu-type[value="chan"] ~ .sheet-setting-chan
{
    display: block;
}

.sheet-setting-char,
.sheet-setting-chan,
.sheet-champion,.sheet-chronicler,.sheet-exile,.sheet-envoy,.sheet-heretic,
.sheet-pirate,.sheet-prince,.sheet-raconteur,.sheet-raider,.sheet-seeker,
.sheet-adventurer,.sheet-arbiter,.sheet-harrier,.sheet-ranger,.sheet-ronin,
.sheet-scoundrel,.sheet-vagrant,.sheet-thief,.sheet-tinker{
    display: none;
}

.sheet-championi,.sheet-chronicleri,.sheet-exilei,.sheet-envoyi,.sheet-heretici,
.sheet-piratei,.sheet-princei,.sheet-raconteuri,.sheet-raideri,.sheet-seekeri,
.sheet-adventureri,.sheet-arbiteri,.sheet-harrieri,.sheet-rangeri,.sheet-ronini,
.sheet-scoundreli,.sheet-vagranti,.sheet-thiefi,.sheet-tinkeri{
    display: none;
}

.sheet-adventurerx,.sheet-arbiterx,.sheet-harrierx,.sheet-rangerx,.sheet-roninx,
.sheet-scoundrelx,.sheet-vagrantx,.sheet-thiefx,.sheet-tinkerx {
    display: none;
}
/*-- MENU - FIN --*/

/*-- IMAGENES - INICIO --*/
.sheet-show-otraimg:not([value="1"]) ~ .sheet-container-otraimg .sheet-otraimg {
  display: none;
}

.sheet-menu-otraimg:not([value="sheet_otraimg"]) ~ .sheet-sheet_otraimg {
  display: none;
}

.sheet-otraimg {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  padding-top: 11px;
  z-index: 10000;
  left: 0;
  width: 100%;
  height: 2000px;
}

.sheet-otraimg .sheet-content {
  background: #f4eedb;
  border: 2px solid #99925d ;
  margin: 0 auto;
  border-radius: 10px;
  padding: 15px;
}

.sheet-otraimg .sheet-sheet_otraimg {
  width: 450px;
  display: grid;
  grid: auto/repeat(4, 25%);
  grid-row-gap: 5px;
  justify-content: space-between;
}

.sheet-otraimg .sheet-column {
  display: grid;
  align-content: start;
  grid-row-gap: 8px;
  justify-items: center;
}

.sheet-otraimg .sheet-label {
  font-family: 'Double';    
  font-size: 20px;
  text-align: center;
  margin: 3px 0;
}

.sheet-otraimg .sheet-desc {
  text-align: center;
  font-size: 12px;
  margin-bottom: 4px;
}

.sheet-otraimg .sheet-footer {
  grid-column: 1 / span 4;
  font-size: 15px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  align-self: center;
}

.sheet-otraimg .sheet-cancelbutton {
  align-self: center;
  justify-self: end;
}

button.sheet-generatebutton {
  font-weight: bold;
  font-variant: small-caps;
  letter-spacing: 0.5px;
  font-size: 14px;
  padding: 2px 8px;
  color: #99925d;
  outline: none;
  border: 1px solid #99925d;
}

button.sheet-generatebutton:hover {
  color: #3d4d47 ;
  border-color: #3d4d47 ;
}

button.sheet-generatebutton .sheet-optional {
  font-size: 0.8em;
  font-style: italic;
}


/*SELECCION HOJA*/
.sheet-otraimg-mode[value="img1"] ~ .sheet-img1,
.sheet-otraimg-mode[value="img2"] ~ .sheet-img2,
.sheet-otraimg-mode[value="img3"] ~ .sheet-img3,
.sheet-otraimg-mode[value="img4"] ~ .sheet-img4,
.sheet-otraimg-mode[value="img5"] ~ .sheet-img5,
.sheet-otraimg-mode[value="img6"] ~ .sheet-img6,
.sheet-otraimg-mode[value="img7"] ~ .sheet-img7,
.sheet-otraimg-mode[value="img8"] ~ .sheet-img8,
.sheet-otraimg-mode[value="img9"] ~ .sheet-img9,.sheet-otraimg-mode[value="img10"] ~ .sheet-img10,
.sheet-otraimg-mode[value="img11"] ~ .sheet-img11,.sheet-otraimg-mode[value="img12"] ~ .sheet-img12,.sheet-otraimg-mode[value="img13"] ~ .sheet-img13,.sheet-otraimg-mode[value="img14"] ~ .sheet-img14,.sheet-otraimg-mode[value="img15"] ~ .sheet-img15,.sheet-otraimg-mode[value="img16"] ~ .sheet-img16,.sheet-otraimg-mode[value="img17"] ~ .sheet-img17,.sheet-otraimg-mode[value="img18"] ~ .sheet-img18,.sheet-otraimg-mode[value="img19"] ~ .sheet-img19,.sheet-otraimg-mode[value="img20"] ~ .sheet-img20,
.sheet-otraimg-mode[value="img21"] ~ .sheet-img21,.sheet-otraimg-mode[value="img22"] ~ .sheet-img22,.sheet-otraimg-mode[value="img23"] ~ .sheet-img23,.sheet-otraimg-mode[value="img24"] ~ .sheet-img24,.sheet-otraimg-mode[value="img25"] ~ .sheet-img25,.sheet-otraimg-mode[value="img26"] ~ .sheet-img26,.sheet-otraimg-mode[value="img27"] ~ .sheet-img27,.sheet-otraimg-mode[value="img28"] ~ .sheet-img28,.sheet-otraimg-mode[value="img29"] ~ .sheet-img29,.sheet-otraimg-mode[value="img30"] ~ .sheet-img30,
.sheet-otraimg-mode[value="img31"] ~ .sheet-img31,.sheet-otraimg-mode[value="img32"] ~ .sheet-img32,.sheet-otraimg-mode[value="img33"] ~ .sheet-img33,.sheet-otraimg-mode[value="img34"] ~ .sheet-img34,.sheet-otraimg-mode[value="img35"] ~ .sheet-img35,.sheet-otraimg-mode[value="img36"] ~ .sheet-img36,.sheet-otraimg-mode[value="img37"] ~ .sheet-img37,.sheet-otraimg-mode[value="img38"] ~ .sheet-img38,.sheet-otraimg-mode[value="img39"] ~ .sheet-img39,.sheet-otraimg-mode[value="img40"] ~ .sheet-img40,
.sheet-otraimg-mode[value="img41"] ~ .sheet-img41,.sheet-otraimg-mode[value="img42"] ~ .sheet-img42,.sheet-otraimg-mode[value="img43"] ~ .sheet-img43,.sheet-otraimg-mode[value="img44"] ~ .sheet-img44,.sheet-otraimg-mode[value="img45"] ~ .sheet-img45,.sheet-otraimg-mode[value="img46"] ~ .sheet-img46,.sheet-otraimg-mode[value="img47"] ~ .sheet-img47,.sheet-otraimg-mode[value="img48"] ~ .sheet-img48,.sheet-otraimg-mode[value="img49"] ~ .sheet-img49,.sheet-otraimg-mode[value="img50"] ~ .sheet-img50,
.sheet-otraimg-mode[value="img51"] ~ .sheet-img51,.sheet-otraimg-mode[value="img52"] ~ .sheet-img52,.sheet-otraimg-mode[value="img53"] ~ .sheet-img53,.sheet-otraimg-mode[value="img54"] ~ .sheet-img54,.sheet-otraimg-mode[value="img55"] ~ .sheet-img55,
.sheet-otraimg-mode[value="img56"] ~ .sheet-img56{
    display: block;
}

.sheet-otraimg-type[value="char"] ~ .sheet-setting-char,
.sheet-otraimg-type[value="chan"] ~ .sheet-setting-chan
{
    display: block;
}

.sheet-img1,
.sheet-img2,
.sheet-img3,
.sheet-img4,
.sheet-img5,
.sheet-img6,
.sheet-img7,
.sheet-img8,
.sheet-img9,.sheet-img10,.sheet-img11,.sheet-img12,.sheet-img13,.sheet-img14,.sheet-img15,.sheet-img16,.sheet-img17,.sheet-img18,.sheet-img19,.sheet-img20,
.sheet-img21,.sheet-img22,.sheet-img23,.sheet-img24,.sheet-img25,.sheet-img26,.sheet-img27,.sheet-img28,.sheet-img29,.sheet-img30,
.sheet-img31,.sheet-img32,.sheet-img33,.sheet-img34,.sheet-img35,.sheet-img36,.sheet-img37,.sheet-img38,.sheet-img39,.sheet-img40,
.sheet-img41,.sheet-img42,.sheet-img43,.sheet-img44,.sheet-img45,.sheet-img46,.sheet-img47,.sheet-img48,.sheet-img49,.sheet-img50,
.sheet-img51,.sheet-img52,.sheet-img53,.sheet-img54,.sheet-img55,
.sheet-img56{
    display: none;
}

.sheet-img1x,
.sheet-img2x {
    display: none;
}
/*-- IMAGENES - FIN --*/
/*-- NATURE - INICIO --*/
.sheet-show-nature:not([value="1"]) ~ .sheet-container-nature .sheet-nature {
  display: none;
}

.sheet-menu-nature:not([value="sheet_nature"]) ~ .sheet-sheet_nature {
  display: none;
}

.sheet-nature {
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  padding-top: 100px;/*11px;*/
  z-index: 10000;
  left: 0;
  width: 100%;
  height: 10000;
}

.sheet-nature .sheet-content {
  background: #eee;
  border: 2px solid black;
  margin: 0 auto;
  border-radius: 10px;
  padding: 15px;
}

.sheet-nature .sheet-sheet_nature {
  width: 450px;
  display: grid;
  grid: auto/repeat(3, 33%);
  grid-row-gap: 5px;
  justify-content: space-between;
}

.sheet-nature .sheet-column {
  display: grid;
  align-content: start;
  grid-row-gap: 8px;
  justify-items: center;
}

.sheet-nature .sheet-label {
  font-family: 'Double';    
  font-size: 20px;
  text-align: center;
  margin: 3px 0;
}

.sheet-nature .sheet-desc {
  text-align: center;
  font-size: 12px;
  margin-bottom: 4px;
}

.sheet-nature .sheet-footer {
  grid-column: 2;
  font-size: 15px;
  white-space: nowrap;
  text-align: center;
  font-style: italic;
  align-self: center;
}

.sheet-nature .sheet-cancelbutton {
  align-self: center;
  justify-self: end;
}

.sheet-nature-mode[value="nature1"] ~ .sheet-nature1,
.sheet-nature-mode[value="nature2"] ~ .sheet-nature2,
.sheet-nature-mode[value="nature3"] ~ .sheet-nature3,
.sheet-nature-mode[value="nature4"] ~ .sheet-nature4,
.sheet-nature-mode[value="nature5"] ~ .sheet-nature5,
.sheet-nature-mode[value="nature6"] ~ .sheet-nature6,
.sheet-nature-mode[value="nature7"] ~ .sheet-nature7,
.sheet-nature-mode[value="nature8"] ~ .sheet-nature8,
.sheet-nature-mode[value="nature9"] ~ .sheet-nature9,
.sheet-nature-mode[value="nature10"] ~ .sheet-nature10,
.sheet-nature-mode[value="nature11"] ~ .sheet-nature11,
.sheet-nature-mode[value="nature12"] ~ .sheet-nature12,
.sheet-nature-mode[value="nature13"] ~ .sheet-nature13,
.sheet-nature-mode[value="nature14"] ~ .sheet-nature14,
.sheet-nature-mode[value="nature15"] ~ .sheet-nature15,,
.sheet-nature-mode[value="nature16"] ~ .sheet-nature16,
.sheet-nature-mode[value="nature17"] ~ .sheet-nature17,
.sheet-nature-mode[value="nature18"] ~ .sheet-nature18{
    display: block;
}

.sheet-nature-type[value="char"] ~ .sheet-setting-char,
.sheet-nature-type[value="chan"] ~ .sheet-setting-chan
{
    display: block;
}

.sheet-nature1,
.sheet-nature2,
.sheet-nature3,
.sheet-nature4,
.sheet-nature5,
.sheet-nature6,
.sheet-nature7,
.sheet-nature8,
.sheet-nature9,
.sheet-nature10,
.sheet-nature11,
.sheet-nature12,
.sheet-nature13,
.sheet-nature14,
.sheet-nature15,
.sheet-nature16,
.sheet-nature17,
.sheet-nature18{
    display: none;
}

.sheet-nature1x,
.sheet-nature2x {
    display: none;
}
/*-- IMAGENES - FIN --*/


/*


.sheet-top-container {
display: grid;
grid-template-columns:266px 263px 263px;
grid-template-rows: auto;
align-content: center;

column-gap: 15px;
row-gap: 8px;
border: 10px solid #FF0000;

grid-template-areas: 
"clase-p clase-p barrio-p"
"name-p stats-p barrio-p";
}
.sheet-item-clase-p{
grid-area:clase-p;
border: 2px solid #BBBBBB;
}

.sheet-top-clase-p
{
display: grid;
grid-template-columns:20% 20% 20% 20% 20%;
grid-template-rows: auto;
grid-template-areas: 
"top-clase-imagen-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p top-clase-titulo-p"
"top-clase-imagen-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p top-clase-dsc-p";
}
.sheet-item-top-clase-imagen-p{
grid-area:top-clase-imagen-p;
border: 2px solid powderblue;
}

.sheet-imagen{
    width:105px;
    height:116px;
}
.sheet-imagen-titulo{
    width:180px;
    padding-top:10px;
}

*/
.sheet-input-faction {
  height: 10px;
  width: 100px;
  font-family: serif;
  font-size: 20px;
  padding: 0;
  margin: 0;
  border: none;
  border-bottom: 1px solid #3D4D47;
  background: transparent;
  outline:none;
}

.sheet-imagen{
    width:97px;
    height:97px;
}
.sheet-imagen-titulo{
    width:180px;
    padding-top:10px;
}

.sheet-input-text-stat
{
    width:40px;    
    height:40px;
    font-size: 22px;
    font-weight:bold;
    text-align:center;
    background-repeat: no-repeat;
    background-size:cover;/*35px 35px;*/
    background-image:url(https://programmancer.000webhostapp.com/root/img/statbox.png);
    border:0px;
    padding-top:8px;
    outline: none;
    font-family: 'GandhiSansBold','La Ghandi Sans','Helvetica';
}
.sheet-div-numerito{
display:inline;
position:relative;
}

.sheet-label-numerito{
display:inline;
font-size:13px;
color:#909090;
position:absolute;
top:-9px;
font-family:'La Ghandi Sans','Helvetica',sans-serif;

}


/*--FUENTES*/
.sheet-nombre{
    font-family:'Luminari','Helvetica',sans-serif;
}

/*Basic moves*/
.sheet-titulo {
    display: grid;
    grid: auto / 5px auto; 
    height: 15px;
    width: 100%;
    justify-items:start;
    grid-gap: 4px;
    padding: 0;
    margin: 0;
    border: 0px solid #0FF;
    /*background: #dedede;*/
}
.sheet-character{
    color: #FFF;
    text-align: left;
    /*width:100%;*/
    /*height:100%;*/
    /*justify-self: start;*/
    /*padding-top:21px;*/
    place-self: center start;
    border: 0px solid #F00;
}

button[type="roll"] {
  text-shadow: none;
  background: transparent;
  box-shadow: none;
  box-sizing: border-box;
  /*font-weight: bold;*/
  /*font-family: 'Double';*/
  outline: none;
  border-radius: 0;
  transition: all 0.2s;
  color: #000;
  
  font-weight: 400;
  font-size: 1px;
  font-family: serif;
  /*font-variant: small-caps;*/
  padding: 5px 0 0 0;
 
}
button[type="roll"].btn::before {
  content: "";
  outline: none;
}

button[type="roll"].sheet-buttonroll {
  display: flex;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size:46px;
}

button[type="roll"].sheet-buttonroll:hover {
  color: #999;/*#d3d3d3;*/
  outline: none;
}
button[type="roll"].sheet-buttonrollstats {
  display: flex;
  border: none;
  margin: 0;
  padding: 0;
  outline: none;
  font-size:20px;
  font-family:'Luminari',serif;  
  color:#3D4D47;  
}

button[type="roll"].sheet-buttonrollstats:hover {
  color: #999;/*#d3d3d3;*/
  outline: none;
}

button[type=roll].sheet-buttonbroadcast {

  font-family: pictos;
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}

button[type=roll].sheet-buttondados {
  position: absolute;
  border: none;
  margin: 0;
  padding: 0;
  z-index: 3;
}


.sheet-diceicon{
    background-image:url(https://programmancer.000webhostapp.com/root/img/diceicon.png);
    background-repeat: no-repeat;
    background-size: 25px 15px;
    height:15px;
    width:25px;
    margin-top:1px;
}
.sheet-diceicon:hover {
    background-image:url(https://programmancer.000webhostapp.com/root/img/diceicon.png);
    background-repeat: no-repeat;
    background-size: 25px 15px;
    height:15px;
    width:25px;
    margin-top:1px;
}

.sheet-voluta{
    background-image:url(http://nahualrpg.com/roll20/nahuales/volutag.png);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    height:10px;
    width:16px;
    margin-top:4px;
}
.sheet-voluta:hover {
    background-image:url(http://nahualrpg.com/roll20/nahuales/volutan.png);
    background-repeat: no-repeat;
    background-size: 16px 10px;
    height:10px;
    width:16px;
    margin-top:4px;
}
/*--Grid 3 cols para equipos  - INICIO--*/
.sheet-equipmentren { grid-area: eren; }
.sheet-equipmentcol1 { grid-area: ecol1; }
.sheet-equipmentcol2 { grid-area: ecol2; }
.sheet-equipmentcol3 { grid-area: ecol3; }

.sheet-grid-equipmentitems {
  display: grid;
  grid-template-areas:
    'eren eren eren'
    'ecol1 ecol2 ecol3';

  /*background-color: #2196F3;*/
  gap:6px;
  padding:0;
  /*background-image: url("https://programmancer.000webhostapp.com/root/img/bg.jpg");      */
}
/*--Grid 3 cols para equipos  - - FIN--*/
/*--Grid 2 cols para extras - INICIO--*/
.sheet-othercol1 { grid-area: other1; }
.sheet-othercol2 { grid-area: other2; }

.sheet-grid-othermoves {
  display: grid;
  grid-template-areas:
    'other1 other2 other2';

  /*background-color: #2196F3;*/
  gap:6px;
  padding:0;
  /*background-image: url("https://programmancer.000webhostapp.com/root/img/bg.jpg");      */
}
/*--Grid 2 cols para extras - FIN--*/


/*--Grid 3 cols - se usa en las pestañas - INICIO--*/
.sheet-3columnas1 { grid-area: col1; }
.sheet-3columnas2 { grid-area: col2; }
.sheet-3columnas3 { grid-area: col3; }

.sheet-grid-3columnas {
  display: grid;
  grid-template-areas:
    'col1 col2 col3';

  /*background-color: #2196F3;*/
  gap:6px;
  padding:0;
  /*background-image: url("https://programmancer.000webhostapp.com/root/img/bg.jpg");      */
}

.sheet-grid-3columnas > div {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  text-align: left;
  padding: 0;
  font-size: 15px;
}
/*--Grid 3 cols - se usa en las pestañas - FIN--*/

/*--parte superior - INICIO--*/
.sheet-item1 { grid-area: perfil; }
.sheet-item2 { grid-area: stats; }
.sheet-item3 { grid-area: harm; }
.sheet-item4 { grid-area: roguish; }
.sheet-item5 { grid-area: basic; }
.sheet-item6 { grid-area: weapon; }
.sheet-item7 { grid-area: reputation; }

.sheet-grid-container {
  display: grid;
  
    grid-template-columns:260px 260px 260px;
    align-content: center;  
  grid-template-areas:
    'perfil stats basic'
    'perfil harm weapon'
    'perfil roguish weapon'
    'perfil roguish weapon'
    'perfil roguish weapon'
    'reputation reputation reputation';
  column-gap: 19px;
  row-gap:19px;
  /*background-color: #2196F3;*/
  padding: 15px;
  /*background-image: url("https://programmancer.000webhostapp.com/root/img/bg.jpg");      */
}

.sheet-grid-container > div {
  /*background-color: rgba(255, 255, 255, 0.8);*/
  text-align: center;
  padding: 0;
  font-size: 30px;
}
/*--parte superior - FIN--*/
textarea {
	resize:none;
}

textarea::-webkit-scrollbar {
    width: 2px;
}

textarea::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

textarea::-webkit-scrollbar-thumb {
  background-color: #555;
  outline: 1px solid #555;
}

/*--HARM --*/
.sheet-div-harm {
    display: grid;
    grid: auto / 17px 17px 17px 17px 17px 17px 17px 17px;  
    justify-items:start;
    grid-gap: 0px;
    /*padding: 0;*/
    /*margin: 0;*/
    border: 0px solid #F00;
}
.sheet-div-harm-harm{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding-top: 4px;
    margin:0;
}
.sheet-div-harm-in{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding:0;
    margin:0;
}

/**container-harm*/
.sheet-container-harm {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-harm input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-harm {
  position: absolute;
  top: 0px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff; /*#eee*/
  border: 1px solid #99925D;
}

.sheet-container-harm:hover input ~ .sheet-checkmark-harm {
  background-color: #FFF; /*ccc*/
}

.sheet-container-harm input:checked ~ .sheet-checkmark-harm {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #99925D;
}

.sheet-checkmark-harm:after {
  content: "";
  position: absolute;
  display: none;
}
.sheet-container-harm input:checked ~ .sheet-checkmark-harm:after {
  display: block;
}

.sheet-container-harm .sheet-checkmark-harm:after {
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*****************************************************************************************/
.sheet-barrioq{
display: grid;
grid: auto/ 18px auto;
grid-gap: 2px;
}

.sheet-container-vices {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-vices input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark-vices {
  position: absolute;
  top: 5px;
  left: 0;
  height: 8px;
  width: 8px;
  background-color: #fff; /*#eee*/
  border: 1px solid #99925D;
}

/* On mouse-over, add a grey background color */
.sheet-container-vices:hover input ~ .sheet-checkmark-vices {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-vices input:checked ~ .sheet-checkmark-vices {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #99925D;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-vices:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-vices input:checked ~ .sheet-checkmark-vices:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-vices .sheet-checkmark-vices:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* -- ROGUISH FEATS -- */ 
.sheet-columna1 { grid-area: columna1; }
.sheet-columna2 { grid-area: columna2; }
.sheet-grid-container-columnas {
  display: grid;
  grid-template-areas:
    'columna1';
  gap: 1px;
  padding: 1px;
}


/* -- YOUR REPUTATION --*/
/* -- ROGUISH FEATS -- */ 
.sheet-rep1 { grid-area: rep1; }
.sheet-rep2 { grid-area: rep2; }
.sheet-grid-container-rep {
  display: grid;
  grid-template-areas:
    'rep1 rep2 rep2 rep2';
  gap: 1px;
  padding: 1px;
}

.sheet-grid-container-rep > div {
  text-align: left;
  /*padding-left:10px;*/
}
/*-- TEMPLATE ROOTWEAPON- INICIO --*/
.sheet-rolltemplate-rootweapon {
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/WeaponSkill-MISS.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/WeaponSkill-HIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/WeaponSkill-FULLHIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootweapon .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

/*-- TEMPLATE ROOTWEAPON FIN --*/
/*-- TEMPLATE BROADCAST -- INICIO --*/
.sheet-rolltemplate-broadcast {
    /*width: 299px;*/
    /*height: 258px;*/
    padding: 0px;
    margin:0 -5px -4px -45px;
    /*
    background: 
    background-size: 282px 104px;
    background-repeat: no-repeat;
    */
    color: white;
    background-color: #f4eedb;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}
/*-- TEMPLATE ROOTREPUTATION- INICIO --*/
.sheet-rolltemplate-rootreputation {
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/ReputationRoll.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/ReputationRoll.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/ReputationRoll.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootreputation .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

/*-- TEMPLATE ROOTREPUTATION- FIN --*/

/*-- TEMPLATE ROOTSTATS - INICIO --*/
.sheet-rolltemplate-rootstats {
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/BasicMoves-MISS.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/BasicMoves-HIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/BasicMoves-FULLHIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-rootstats .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

/*-- TEMPLATE ROOTSTATS - FIN --*/
/*-- TEMPLATE ROOTTIRADAS - INICIO --*/
.sheet-rolltemplate-roottiradas {
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/StatRoll-MISS.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootmiss .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/StatRoll-HIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-roothit .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull{
    /*width: 299px;*/
    height: 258px;
    padding: 0px;
    margin:0 -5px -4px -45px;
    background: url(https://programmancer.000webhostapp.com/root/img/StatRoll-FULLHIT.jpg);
    background-size: 282px 258px;
    background-repeat: no-repeat;
    color: white;
    /*font-weight: bold;*/
    /*text-shadow: 2px 2px #171819;*/
    border: 0px solid black;
    border-spacing: 0;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-rollroot{
    display: grid;
    grid: auto/ 280px;
    grid-gap: 2px;
    padding-top: 25px;
    padding-left: 20px;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-rollroot .sheet-roll{
    justify-self:start;
    align-self: center;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-success .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullcrit,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.fullfail,
.sheet-rolltemplate-roottiradas .sheet-roll-rootfull .sheet-failure .inlinerollresult.importantroll{
    background-color: transparent;
    border: none;
    font-weight: normal;
}

/*-- TEMPLATE ROOTTIRADAS - FIN --*/

/*-- REPUTATION ROJO--*/
.sheet-container-reprojo {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-reprojo input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark-reprojo {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius:4px;  
  background-color: #fff; /*#eee*/
  border: 1px solid #670C0C;
}

/* On mouse-over, add a grey background color */
.sheet-container-reprojo:hover input ~ .sheet-checkmark-reprojo {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-reprojo input:checked ~ .sheet-checkmark-reprojo {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #670C0C;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-reprojo:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-reprojo input:checked ~ .sheet-checkmark-reprojo:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-reprojo .sheet-checkmark-reprojo:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- REPUTATION NEGRO--*/
.sheet-container-repnegro {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-repnegro input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark-repnegro {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius:4px;  
  background-color: #fff; /*#eee*/
  border: 1px solid #000000;
}

/* On mouse-over, add a grey background color */
.sheet-container-repnegro:hover input ~ .sheet-checkmark-repnegro {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-repnegro input:checked ~ .sheet-checkmark-repnegro {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #000000;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-repnegro:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-repnegro input:checked ~ .sheet-checkmark-repnegro:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-repnegro .sheet-checkmark-repnegro:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- REPUTATION VERDE--*/
.sheet-container-repverde {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-repverde input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.sheet-checkmark-repverde {
  position: absolute;
  top: 5px;
  left: 0;
  height: 12px;
  width: 12px;
  border-radius:4px;  
  background-color: #fff; /*#eee*/
  border: 1px solid #005023;
}

/* On mouse-over, add a grey background color */
.sheet-container-repverde:hover input ~ .sheet-checkmark-repverde {
  background-color: #FFF; /*ccc*/
}

/* When the checkbox is checked, add a blue background */
.sheet-container-repverde input:checked ~ .sheet-checkmark-repverde {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #005023;
}

/* Create the checkmark/indicator (hidden when not checked) */
.sheet-checkmark-repverde:after {
  content: "";
  position: absolute;
  display: none;
}
/* Show the checkmark when checked */
.sheet-container-repverde input:checked ~ .sheet-checkmark-repverde:after {
  display: block;
}

/* Style the checkmark/indicator */
.sheet-container-repverde .sheet-checkmark-repverde:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*-- habilitarEquipos --*/
.sheet-container-equipos {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-equipos input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-equipos { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/eyeoff.svg");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-equipos:hover input ~ .sheet-checkmark-equipos {
  /*background-color: #f4eedb;*/ /*ccc*/
}

.sheet-container-equipos input:checked ~ .sheet-checkmark-equipos {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/eyeon.svg");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-equipos:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-equipos input:checked ~ .sheet-checkmark-equipos:after {
  display: block;
}

.sheet-container-equipos .sheet-checkmark-equipos:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*-- -3 --*/
.sheet-container-menos3 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-menos3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-menos3 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos3.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-menos3:hover input ~ .sheet-checkmark-menos3 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-menos3 input:checked ~ .sheet-checkmark-menos3 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos3-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-menos3:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-menos3 input:checked ~ .sheet-checkmark-menos3:after {
  display: block;
}

.sheet-container-menos3 .sheet-checkmark-menos3:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/**/
.sheet-container-menos2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-menos2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-menos2 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos2.png");
  background-size: cover;
  border: 0px solid #FF0000;
}

.sheet-container-menos2:hover input ~ .sheet-checkmark-menos2 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-menos2 input:checked ~ .sheet-checkmark-menos2 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos2-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-menos2:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-menos2 input:checked ~ .sheet-checkmark-menos2:after {
  display: block;
}

.sheet-container-menos2 .sheet-checkmark-menos2:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- -1 --*/
.sheet-container-menos1 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-menos1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-menos1 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos1.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-menos1:hover input ~ .sheet-checkmark-menos1 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-menos1 input:checked ~ .sheet-checkmark-menos1 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/menos1-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-menos1:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-menos1 input:checked ~ .sheet-checkmark-menos1:after {
  display: block;
}

.sheet-container-menos1 .sheet-checkmark-menos1:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- +0 --*/
.sheet-container-mas0 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-mas0 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-mas0 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas0.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-mas0:hover input ~ .sheet-checkmark-mas0 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-mas0 input:checked ~ .sheet-checkmark-mas0 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas0-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-mas0:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-mas0 input:checked ~ .sheet-checkmark-mas0:after {
  display: block;
}

.sheet-container-mas0 .sheet-checkmark-mas0:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- +1 --*/
.sheet-container-mas1 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-mas1 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-mas1 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas1.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-mas1:hover input ~ .sheet-checkmark-mas1 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-mas1 input:checked ~ .sheet-checkmark-mas1 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas1-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-mas1:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-mas1 input:checked ~ .sheet-checkmark-mas1:after {
  display: block;
}

.sheet-container-mas1 .sheet-checkmark-mas1:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- +2 --*/
.sheet-container-mas2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-mas2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-mas2 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas2.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-mas2:hover input ~ .sheet-checkmark-mas2 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-mas2 input:checked ~ .sheet-checkmark-mas2 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas2-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-mas2:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-mas2 input:checked ~ .sheet-checkmark-mas2:after {
  display: block;
}

.sheet-container-mas2 .sheet-checkmark-mas2:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*-- +3 --*/
.sheet-container-mas3 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.sheet-container-mas3 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-mas3 { /*este es el cuadrito blanco*/
  position: absolute;
  top: 5px;
  left: 0;
  height: 16px;
  width: 16px;
  /*background-color: #fff; */
  /*border: 1px solid #0000ff;*/
  
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas3.png");
  background-size: cover;
  border: 0px solid #FF0000;
  
  
}

.sheet-container-mas3:hover input ~ .sheet-checkmark-mas3 {
  background-color: #f4eedb; /*ccc*/
}

.sheet-container-mas3 input:checked ~ .sheet-checkmark-mas3 {
  background-color: #FFF; /*2196F3*/
  background: url("https://programmancer.000webhostapp.com/root/img/mas3-c.png");
  background-size: cover;
  border: 0px solid #00FFFF;
}

.sheet-checkmark-mas3:after {
  content: "";
  position: absolute;
  display: none;
}

.sheet-container-mas3 input:checked ~ .sheet-checkmark-mas3:after {
  display: block;
}

.sheet-container-mas3 .sheet-checkmark-mas3:after {
  left: -1000px;
  top: 5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


/*-- PESTAÑAS TAB - INICIO --*/
div.sheet-tab-content { display: none; }

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

input.sheet-tab1:checked + span.sheet-tab1,
input.sheet-tab2:checked + span.sheet-tab2,
input.sheet-tab3:checked + span.sheet-tab3,
input.sheet-tab4:checked + span.sheet-tab4{
/*	background: gray;
	color: white;*/
    color:#e0e0e0;
    background:#000000;	
}

input.sheet-tab
{
    width: 200px;
    height: 30px;
    position: relative;
    top: 5px;
    left: 6px;
    margin-left: -4.3px;
    margin-top: -1.5px;
    cursor: pointer;
	opacity: 0;
    z-index: 9999;
}
span.sheet-tab {
    outline:none;
    border:0px;
    height:40px;
    width:200px;
    /*font-weight:bold;*/
    font-size:20px;
    font-family:Luminari,serif;
    padding:0;
    /*margin:0;*/
	text-align: center;
	
	color:#ffffff;
	background:#4e748a;
	
	position: relative;
	margin-left: -200px;
	cursor:pointer;
	display:inline-block;
	/*
	display: inline-block;
	font-size: 13px;
	background: white;
	color: gray;
	font-weight: bold;
	width: 70px;
	height: 20px;
	cursor: pointer;
	position: relative;
	margin-left: -75px;
	*/
}
input.sheet-tab::before
{
    content: attr(title);
    border: solid 1px #a8a8a8;
    border-bottom-color: black;
    text-align: center;
    display: inline-block;
    background: #fff;
    background: -moz-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -webkit-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -ms-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: -o-linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    background: linear-gradient(to top, #c8c8c8, #fff, #c8c8c8);
    width: 50px;
    height: 20px;
    font-size: 18px;
}

input.sheet-tab:checked::before
{
    background: #dcdcdc;
    background: -moz-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -webkit-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -ms-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: -o-linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    background: linear-gradient(to top, #fcfcfc, #dcdcdc, #fcfcfc);
    border-bottom-color: #fff;
}

input.sheet-tab:not(:first-child)::before
{
    border-left: none;
}

div.sheet-tab-content
{
    
    border: 1px solid #a8a8a8;
    border-top-color: #000;
    margin: 0;
    padding: 0;
    
    
}

/*-- PESTAÑAS TAB - FIN --*/
/*-- CSS GRID EQUIPMENT --*/
                    
.sheet-eqm1 { grid-area: name; }
.sheet-eqm3 { grid-area: value; }
.sheet-eqm4 { grid-area: load; }
.sheet-eqm5 { grid-area: range; }
.sheet-eqm6 { grid-area: weapons; }
.sheet-eqm7 { grid-area: tags; }

.sheet-grid-equipment {
  display: grid;
  grid-template-areas:
    'name name'
    'value load '
    'range range '
    'weapons weapons'
    'tags tags';
  gap: 0px;

  justify-content: start;
  grid-template-columns: auto auto auto auto;  
  
  align-items: center;  
}
/*-- --*/
/*--HARM --*/
.sheet-div-wear {
    display: grid;
    grid: auto / 17px 17px 17px 17px 17px 17px 17px 17px 17px 17px 5px;  
    justify-items:end;
    grid-gap: 0px;
    border: 0px solid #F00;
}
.sheet-div-wear-wear{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding-top: 4px;
    margin:0;
}
.sheet-div-wear-in{
    color: #FFF;
    /*text-align: left;*/
    /*padding-top:21px;*/
    align-self: center;
    justify-self: start;
    border: 0px solid #0FF;
    padding:0;
    margin:0;
}

/**container-wear*/
.sheet-container-wear {
  /*display: block;*/
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.sheet-container-wear input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.sheet-checkmark-wear {
  position: absolute;
  top: 0px;
  left: 0;
  height: 12px;
  width: 12px;
  background-color: #fff; /*#eee*/
  border: 1px solid #99925D;
}

.sheet-container-wear:hover input ~ .sheet-checkmark-wear {
  background-color: #FFF; /*ccc*/
}

.sheet-container-wear input:checked ~ .sheet-checkmark-wear {
  background-color: #FFF; /*2196F3*/
  background: url("http://nahualrpg.com/roll20/nahuales/x1.jpg");
  background-size: cover;
  border: 1px solid #99925D;
}

.sheet-checkmark-wear:after {
  content: "";
  position: absolute;
  display: none;
}
.sheet-container-wear input:checked ~ .sheet-checkmark-wear:after {
  display: block;
}

.sheet-container-wear .sheet-checkmark-wear:after {
  left: -1000px;
  top: -1000px;
  width: 0px;
  height: 0px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*****************************************************************************************/
/*YOUR MOVES - INICIO*/
.sheet-vices{
display: grid;
grid-template-columns:13px auto;
/*grid-template-rows: auto auto;*/
grid-gap: 0px;
grid-template-areas: 
"vices1 vices2"
"vices3 vices3";

}
.sheet-vices1{
grid-area:vices1;
width:1px;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}
.sheet-vices2{
grid-area:vices2;
justify-self: start:
align-self: end;
padding-top: 2px;
border: 0px solid #909090;
}
.sheet-vices3{
grid-area:vices3;
justify-self: start:
align-self: end;
border: 0px solid #909090;
}
/**/

/*YOUR MOVES - FIN*/