.bgimage {
  background-image: url("https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/ERDI-base-fondo.png");  
  background-size: 1024px;  	
  background-repeat: repeat;
}

.mastercontainer {
  border: 0px outset black;
  background-color: #F8F0DA;    
  align: center;	
  font-family: "Candal", sans-serif;
  font-weight: 200;
  font-size: 12px;  
  max-width: 840px;
  background-image: url("https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/ERDI-base-fondo.png");
  margin: 0 auto;
  background-size: 840px;
}

.HeaderDiv {
  border: 0px outset black;   
  align: center;	  
  font-family: "Candal", sans-serif;  
  text-align: center;
  max-width: 400px;
  margin: auto;
}

.myDiv {
  border: 0px outset black; 
  font-family: "Candal", sans-serif;      
  text-align: left;
  max-width: 840px;
  margin: auto;
  vertical-align: top;
}


.onecolumn {
  display: grid;
  grid-template-columns: 1fr;
}

.twocolumns {
  display: grid;
  grid-template-columns: 1fr 1fr;
}

.threecolumns {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}

.myDivCenter {
  border: 0px outset black;
  font-family: "Candal", sans-serif;  
  text-align: center; 
  max-width: 840px;
  margin: auto;
}


		
.cell {
    display: table-cell;
    border: 0px solid #F8F0DA;
    padding: 8px;
        }  

.cellarmas {
	display: table-cell;
	border: 0px solid #F8F0DA;
	padding: 1px;
	   }    		
		           
.cellmgn {
	display: table-cell;
	border: 1px solid #000000;
	padding: 3px;
	text-align: center;		
	   	  	  }    

.celllogo {
	display: table-cell;		
	padding: 3px;
	text-align: center;	
	vertical-align: top;
	   		  	  }    
			

.cell-encabezado {
            display: table-cell;
            border: 1px;
            padding: 8px;
            background-color: black;
  			color: white;
  			text-align: left;
            font-weight: bold;
            font-size: 18px;
            border-radius: 7px;
			max-width: 840px;
			font-family: "Candal", sans-serif;  
        }
		
.cell-encabezado-magia {
	display: table-cell;
	border: 1px solid #ddd;
	padding: 6px;
	background-color: black;
	color: white;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	border-radius: 7px;
	max-width: 840px;
	font-family: "Candal", sans-serif;  
	}					
				
		
.leftpadded {
	padding-left: 40px;
}		
		
.noborder { 
	border-collapse: collapse;
}			
		
		
.rounded7 {
	border-radius: 7px;
}		
		
/* TIPOS DE TEXTO */		
		
		
.smalltext {
	font-size: 10px;
}		

.centeredtext {
	text-align: center;	
}

.strongtext {
	font-weight: bold;
}

.texttoright {
  text-align: right; 	
}

/* COLORES DE FONDO */

.bg-gray {
	background-color: #AFA9A2;
}
		
.bg-darkgray {
	background-color: #6A5B51;
	color: white;		
}		

.bg-brown {
	background-color: #9D0F05;
	color: white;	
}




		
		
/* TIPOS DE INPUT */		

input[type='number'].minibox {
width: 10px;
color: #6A5B51;
font-size: 12px;
font-weight: bold;
text-align: right;
border-radius: 5px;
}
		
input[type='number'].charstat {
width: 14px;
color: #000000;
font-size: 18px;
text-align: right;
border-radius: 7px;
}

input[type='text'].sheetfield {
width: 180px;
font-family: "Candal", sans-serif;
font-weight: 200;
font-size: 12px;  
text-align: left;
border-radius: 7px;
}

input[type='text'].descriptor {
width: 580px;
font-size: 14px;
text-align: left;
border-radius: 7px;
}

button[type=roll].sheet-d6-dice::before {
    font-family: 'dicefontd6';
    content: 'a';
}





/* Limitar tamaño de TEXTAREA para la descripción */
textarea {
  width: 60%;
  height: 100px;
  padding: 6px 6px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 7px;
  font-family: "Candal", sans-serif;
  font-weight: 200;
  font-size: 12px;  
  text-align: left;  
  resize: none;
}

.expanded {
  width: 800px;
}

.superpuesto {
  z-index: 3;  	
}


/* Limitar la anchura de los SELECT numéricos y sus OPTIONS */
select.numeric {
  width: 60px;
}

option.numeric {
  width: 60px;
}

select.tablaarmas {
  width: 160px;
}

option.tablaarmas {
  width: 160px;
}

select.maestrias {
	background-color: #AFA9A2;
	color: #000000;
}

input[type="checkbox"].hitobox {
   	width: 20px;
   	height: 20px;
   	appearance: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	background-size: cover;
  	border: 1px solid #ccc;
  	cursor: pointer;
}

input[type="checkbox"].hitobox:checked {
	background-color: #9D0F05;
	background-size: cover;
}

input[type="checkbox"].vitalitybox {
   	width: 40px;
   	height: 40px;
   	appearance: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	background-size: cover;
  	border: 1px solid #ccc;
  	cursor: pointer;
}

input[type="checkbox"].vitalityboxgray {
	background-color: #cdcdcd;
}

input[type="checkbox"].vitalitybox:checked {
	background-color: black;
	background-size: cover;
}

input[type="checkbox"].vitalitybox-long {
   	width: 80px;
   	height: 40px;
   	appearance: none;
   	-webkit-appearance: none;
   	-moz-appearance: none;
   	background-size: cover;
  	border: 1px solid #ccc;
  	cursor: pointer;
}

input[type="checkbox"].vitalitybox-long:checked {
	background-color: black;
	background-size: cover;
}




.vita6 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-6tr.png') no-repeat center center;
}
.vita5 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-5tr.png') no-repeat center center;
}
.vita4 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-4tr.png') no-repeat center center;
}
.vita3 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-3tr.png') no-repeat center center;
}
.vita2 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-2tr.png') no-repeat center center;
}
.vita1 {
	background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-1tr.png') no-repeat center center;
}

.vita12 {
		background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-12tr.png') no-repeat center center;	
}	
.vita34 {
		background: url('https://raw.githubusercontent.com/shadowlandsgames/roll20assets/main/img/d6-face-34tr.png') no-repeat center center;	
}		






/* DICE fonts - d6 faces are a b c d e f */

/* Dice button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].d6-button::before{
    font-family: "dicefontd6";
    content: "f";
}

/* non-roll (eye) button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].nonroll-button::before{
    font-family: "Pictos";
    content: "E";
}

/* Initiative button appearance */
.ui-dialog .tab-content .charsheet button[type=roll].initiative-button::before{
    font-family: "Pictos";
    content: "9";
}


/* Toggle visibility */
.charsheet .sheet-columns {
  display: flex;
  justify-content: space-between;
  width: 400px;
}
.charsheet .sheet-columns > * {
  flex: 1;
}

.charsheet input.sheet-toggle-show:not(:checked) ~ div.sheet-body,
.charsheet input.sheet-toggle-hide:checked ~ div.sheet-body {
    display: none;
}