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


/*CSS da caixa de Templates Atributos-Magia-Iniciativa*/
.sheet-rolltemplate-3dtatributo .sheet-container,  .sheet-rolltemplate-3dtiniciativa .sheet-container, .sheet-rolltemplate-3dtmagia .sheet-container {
    background-image: url("https://i.imgur.com/gAwZVo2.jpg");
    background-repeat: repeat-y;
    border: 1px solid;
    border-color: #432d1b;
    padding: 5px;
    width: 200px;
}


.sheet-rolltemplate-3dtatributo .sheet-container h1, .sheet-rolltemplate-3dtiniciativa .sheet-container h1, .sheet-rolltemplate-3dtmagia .sheet-container h1, .sheet-rolltemplate-3dtatributo .sheet-container h1, .sheet-rolltemplate-3dtiniciativa .sheet-container h1, .sheet-rolltemplate-3dtmagia .sheet-container h1 {
    color: rgb(21, 80, 117);
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 20px;
}

.sheet-rolltemplate-3dtatributo div, .sheet-rolltemplate-3dtiniciativa div, .sheet-rolltemplate-3dtmagia div {
    padding: 2px;
}
 
.sheet-rolltemplate-3dtatributo span, .sheet-rolltemplate-3dtiniciativa span, .sheet-rolltemplate-3dtmagia span {
    color: rgb(126, 45, 64);
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 1.6em;
    padding-left: 5px;
    text-align: left;
}
 
.sheet-rolltemplate-3dtatributo .sheet-subheader, .sheet-rolltemplate-3dtiniciativa .sheet-subheader, .sheet-rolltemplate-3dtmagia .sheet-subheader {
    color: #000;
    font-size: 1em;
    font-style: italic;
}

.sheet-rolltemplate-3dtatributo .sheet-arrow-right, .sheet-rolltemplate-3dtiniciativa .sheet-arrow-right, .sheet-rolltemplate-3dtmagia .sheet-arrow-right {
    margin-top:-12px;
    background-image: url("https://i.imgur.com/UE9CWZC.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:190px;
    height:18px;
}
 
.sheet-rolltemplate-3dtatributo .sheet-tcat, .sheet-rolltemplate-3dtiniciativa .sheet-tcat .sheet-rolltemplate-3dtmagia .sheet-tcat, .sheet-rolltemplate-3dtatributo .sheet-subheader, .sheet-rolltemplate-3dtiniciativa .sheet-subheader, .sheet-rolltemplate-3dtmagia .sheet-subheader {
    font-style: italic;
}
 
.sheet-rolltemplate-3dtatributo inlinerollresult.fullnone, .sheet-rolltemplate-3dtiniciativa inlinerollresult.fullnone, .sheet-rolltemplate-3dtmagia .inlinerollresult.fullnone{
    background-color: transparent;
    border: none;
}

.sheet-rolltemplate-3dtatributo .inlinerollresult.fullcrit, .sheet-rolltemplate-3dtataque .inlinerollresult.fullcrit, .sheet-rolltemplate-3dtdef .inlinerollresult.fullcrit, .sheet-rolltemplate-3dtiniciativa .inlinerollresult.fullcrit, .sheet-rolltemplate-3dtmagia .inlinerollresult.fullcrit {
    background-color: #ffffcc;
    border: 1px solid #B31515;
    color: #B31515;
}


.sheet-rolltemplate-3dtatributo .inlinerollresult.fullfail, .sheet-rolltemplate-3dtiniciativa .inlinerollresult.fullfail, .sheet-rolltemplate-3dtmagia .inlinerollresult.fullfail {
    background-color: #ffffcc;
    border: 1px solid #3FB315;
    color: #3FB315;
   }

.sheet-rolltemplate-3dtatributo .sheet-fullcrit, .sheet-rolltemplate-3dtiniciativa .sheet-fullcrit, .sheet-rolltemplate-3dtmagia .sheet-fullcrit {
    color: #3FB315;   
    font-style: italic;
}
 
.sheet-rolltemplate-3dtatributo .sheet-fullfail, .sheet-rolltemplate-3dtiniciativa .sheet-fullfail, .sheet-rolltemplate-3dtmagia .sheet-fullfail {
    color: #B31515;
    font-style: italic;
}







/*CSS da caixa de Templates Ataque-Defesa*/
.sheet-rolltemplate-3dtataque .sheet-container, .sheet-rolltemplate-3dtdef .sheet-container {
    background-image: url("https://i.imgur.com/gAwZVo2.jpg");
    background-repeat: repeat-y;
    border: 1px solid;
    border-color: #432d1b;
    padding: 5px;
    width: 200px;
}


.sheet-rolltemplate-3dtataque .sheet-container h1, .sheet-rolltemplate-3dtdef .sheet-container h1, .sheet-rolltemplate-3dtataque .sheet-container h1, .sheet-rolltemplate-3dtdef .sheet-container h1 {
    color: rgb(21, 80, 117);
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 20px;
}

.sheet-rolltemplate-3dtataque div, .sheet-rolltemplate-3dtdef div {
    padding: 2px;
}
 
.sheet-rolltemplate-3dtatributo span, .sheet-rolltemplate-3dtataque span, .sheet-rolltemplate-3dtdef span {
    color: rgb(126, 45, 64);
    font-family: "Times New Roman", Times, serif;
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 1.6em;
    padding-left: 5px;
    text-align: left;
}
 


.sheet-rolltemplate-3dtataque .sheet-arrow-right, .sheet-rolltemplate-3dtdef .sheet-arrow-right {
    margin-top:-12px;
    background-image: url("https://i.imgur.com/UE9CWZC.png");
    background-repeat: no-repeat;
    background-size: contain;
    width:190px;
    height:18px;
}
 
 .sheet-rolltemplate-3dtataque .sheet-subheader, .sheet-rolltemplate-3dtdef .sheet-subheader {
    color: #000;
    font-size: 1em;
    font-style: italic;
}
 
 
.sheet-rolltemplate-3dtataque .sheet-tcat, .sheet-rolltemplate-3dtdef .sheet-tcat, .sheet-rolltemplate-3dtataque .sheet-subheader, .sheet-rolltemplate-3dtdef .sheet-subheader {
    font-style: italic;
}
 
.sheet-rolltemplate-3dtataque inlinerollresult.fullnone, .sheet-rolltemplate-3dtdef inlinerollresult.fullnone {
    background-color: transparent;
    border: none;
}

.sheet-rolltemplate-3dtataque .inlinerollresult.fullcrit, .sheet-rolltemplate-3dtdef .inlinerollresult.fullcrit {
    background-color: #ffffcc;
    border: 1px solid #B31515;
    color: #B31515;
}


.sheet-rolltemplate-3dtataque .inlinerollresult.fullfail, .sheet-rolltemplate-3dtdef .inlinerollresult.fullfail {
    background-color: #ffffcc;
    border: 1px solid #3FB315;
    color: #3FB315;
   }

.sheet-rolltemplate-3dtataque .sheet-fullcrit, .sheet-rolltemplate-3dtdef .sheet-fullcrit {
    color: #3FB315;   
    font-style: italic;
}
 
.sheet-rolltemplate-3dtataque .sheet-fullfail, .sheet-rolltemplate-3dtdef .sheet-fullfail {
    color: #B31515;
    font-style: italic;
}