/*FIcha Basica*/
.charsheet label {
    display: inline-block;
    width: 75px;
    text-align: left;
}

.charsheet {
    background-image: url(https://i.imgur.com/5FBZ1bs.jpg);
    background-size: 100% auto;
    background-repeat: repeat-y;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border: 2px solid #333;
    width: 840px;
    min-width: 840px;
    min-height: 400px;
}



.sheet-title {       	 
	width: 100%;
	background-size: 100% auto;
    background-image: url(https://i.imgur.com/HpGpqcF.png);
    background-repeat: no-repeat;
    color: white;
    margin: 1px;
    font-weight: bold;
    font-size: 25px;
    height: 54px;
    text-align: center;
    vertical-align: middle;
    line-height: 54px;
}

.charsheet input {
	display: inline-block;
	width: 150px;
}

.charsheet input.sheet-short {
	width: 3.5em;
}

.charsheet table td, .charsheet table th {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
}

select.sheet-dtype {
    width: 60px;
    vertical-align: top;
}

textarea {
    resize: vertical;
    overflow: auto;
	width: 100%;
	height: 40px;
}

/*Guias de personagens e veiculos*/
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,
input.sheet-tab5:checked ~ div.sheet-tab5,
input.sheet-tab6:checked ~ div.sheet-tab6,
input.sheet-tab7:checked ~ div.sheet-tab7 {
    /* essential elements */
    display: block;
}
.charsheet input.sheet-tab {
    /* essential elements */
    width: 100px; /* must match span.sheet-tab below */
    position: relative;
    opacity: 0;
    z-index: 9999;
	
	
    /* change height to match span.sheet-tab below  */
    height: 24px; 
}
.charsheet span.sheet-tab {
    /* essential elements */
    width: 140px; /* must match width of input above */
    margin-left: -101px; /* ditto */

    /* change box size: enter same height in input.sheet-tab above */
    font-size: 1.2em;
    height: 24px; 
    font-weight: bold;

    /* make text centred */
    text-align: center;  
    display: inline-block;  

    /* add a nice border */
    border-radius: 4px;
    border: 1px solid;
	vertical-align: middle;
	cursor: pointer;
	height: 24px;
	background: #ffffff;
	color: black;
}

input.sheet-tab[type="radio"]:checked + span.sheet-tab {
    /* reverse color of selected tab */
    color: white;
	background: #204c6f;
	border-radius: 4px;
    /*background: black;*/
}

/*Mudar nome do traibuto*/
.sheet-block-a,
.sheet-block-switch:checked ~ .sheet-block-b {
  display: block;
}

.sheet-block-b,
.sheet-block-switch:checked ~ .sheet-block-a {
  display: none;
}

.sheet-block-d,
.sheet-block-switch:checked ~ .sheet-block-c {
  display: none;
}

.sheet-block-c,
.sheet-block-switch:checked ~ .sheet-block-d {
  display: hidden;
}

.sheet-block-f,
.sheet-block-switch:checked ~ .sheet-block-e {
  display: none;
}

.sheet-block-e,
.sheet-block-switch:checked ~ .sheet-block-f {
  display: hidden;
}

.sheet-block-h,
.sheet-block-switch:checked ~ .sheet-block-g {
  display: none;
}

.sheet-block-g,
.sheet-block-switch:checked ~ .sheet-block-h {
  display: hidden;
}

.sheet-block-j,
.sheet-block-switch:checked ~ .sheet-block-i {
  display: none;
}

.sheet-block-i,
.sheet-block-switch:checked ~ .sheet-block-j {
  display: hidden;
}

.sheet-block-m,
.sheet-block-switch:checked ~ .sheet-block-l {
  display: none;
}

.sheet-block-l,
.sheet-block-switch:checked ~ .sheet-block-m {
  display: hidden;
}


.sheet-block-o,
.sheet-block-switch:checked ~ .sheet-block-n {
  display: none;
}

.sheet-block-n,
.sheet-block-switch:checked ~ .sheet-block-o {
  display: hidden;
}

.sheet-block-q,
.sheet-block-switch:checked ~ .sheet-block-p {
  display: none;
}

.sheet-block-p,
.sheet-block-switch:checked ~ .sheet-block-q {
 display: hidden;
    
}


/*Caixa de Descrição*/
.sheet-columns {
  display: flex;
  justify-content: space-between;
  width: 400px;
}
.sheet-columns > * {
  flex: 1;
}

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