/* Configure Tab Buttons */
@import url('https://fonts.googleapis.com/css?family=Langar');
.sheet-main,
.sheet-Vaesen,
.sheet-NPC,
.sheet-HQ, {
    display: none;
}
.gmtab{
    background-color:#4a2e22;
    color:white;
}

.sheet-break {
    align:center;
    height:5px;
    width:90%;
    background-color:#4a2e22;
}
.sheet-minorbreak{
    align:center;
    height:1px;
    width:90%;
    background-color:#4a2e22;
}

.sheet-header-image {
    background-color: transparent; /*transparent */
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: header-right;
}
.sheet-footer-image {
    background-color: transparent; /*transparent */
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer.png");
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: footer;

}
.sheet-footer-image2 {
    background-color: transparent; /*transparent */
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: footer2;
}
.sheet-footer-image3 {
    background-color: transparent; /*transparent */
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/footer2.png");
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: footer3;
}

.sheet-biglabel{
    padding-right:1em;
    font-size:medium;
    color:#4a2e22;
}
.sheet-normallabel{
    padding-right:1em;
    color:#4a2e22;
    font-size:small;
    font-weight:bold;
}
.sheet-normallabel-nb{
    padding-right:1em;
    color:#4a2e22;
    font-size:small;
    font-weight:normal;
}

.sheet-vaesentext-name{
    background:transparent;
    font-family: "Langar";
    border:transparent;
    border-bottom:2px solid #422d22;
    font-size:xx-large; 
    width:458px;
}
.sheet-vaesentext{
    background:transparent;
    font-family: "Langar";
    border:transparent;
    border-bottom:2px solid #422d22;
    font-size:normal;
    width:239px;
}
.sheet-vaesentext-short{
    background:transparent;
    font-family: "Langar";
    border:transparent;
    border-bottom:2px solid #422d22;
    font-size:normal;
    width:80px;
}
.sheet-vaesennumber{
    background:transparent;
    font-family: "Langar";
    border:transparent;
    border-bottom:2px solid #422d22;
    font-size:normal;
    width:40px !important;
}
.sheet-vaesennumberlabel{
    background:transparent;
    font-family: "Langar";
    border:transparent;
    font-size:normal;
    width:40px !important;
    padding-bottom:10px;
    color: #422d22;
    width:80px;
}
.sheet-vaesenlabel{
    background:transparent;
    font-family:"Langar";
    font-size:normal;
    color: #422d22;
    border:transparent;
    width:239px;
    padding-bottom:10px;
}
.sheet-vaesenlabel-short{
    background:transparent;
    font-family:"Langar";
    font-size:normal;
    color: #422d22;
    border:transparent;
    width:80px;
    padding-bottom:10px;
}
.sheet-vaesenlabel-table{
    background:transparent;
    font-family:"Langar";
    font-size:normal;
    color: #422d22;
    border:transparent;
    width:80px;
    padding-bottom:0px;
}
.sheet-vaesenlabel-skilltable{
    background:transparent;
    font-family:"Langar";
    font-size:normal;
    color: #422d22;
    border:transparent;
    width:125px;
    padding-bottom:0px;
}
.sheet-vaesentextarea{
    height:5em;
    resize: none;
    background:transparent;
    font-family: "Langar";
    border:transparent;
    border-bottom:2px solid #422d22;
    border-left:2px solid #422d22;
    font-size:normal;
    width:239px;
    padding-bottom:0px !important;
}
.sheet-vaesenheader {
    text-align: center;
    background-color: rgba(109, 109, 109, 0.5);
    font-style:italic;
    font-size:large;
    color:#4a2e22;
    font-family: "Langar";
}

.sheet-longtext2 {
    width: 40em;
}
.sheet-med2text{
    width:28em;
}
.sheet-medtext {
    width:20em;
}
.sheet-medtext2 {
    width:19em;
}
.sheet-shorttext2{
    width:15em;
}
.sheet-shorttext {
    width: 10em;
}
.sheet-tinytext {
    width: 4em;
}

.sheet-HQupradetextarea{
    height:5em;
    width:25em;
}
.sheet-HQtextarea{
    height:20em;
    resize: none;
}

.sheet-NPCtextarea{
    height:60px;
    resize: none;
}

.sheet-attribtext {
    width: 3em;
}
.sheet-attriblabel {
    font-size: small;
}
.sheet-attribtable {
    font-weight: bold;
    padding: 5px;
    font-size: large;
    color:#4a2e22;
}
.sheet-nametext{
    width: 15em;
    font-size:x-large;
    color:#4a2e22;
}
.sheet-nametext-med{
    width: 10em;
    font-size:xx-large;
    color:#4a2e22;
}
.sheet-resourcetext{
    width: 2em;
    font-size:large;
    text-align:center;
    color:#4a2e22;
}
.sheet-widebutton{
    width:50px;
}

/* PC-GridAreas*/
.sheet-footergraphic {
    grid-area: footer;
    border: 1px solid #4a2e22;
}
.sheet-leftbody {
    grid-area: body-left;
    border: 1px solid #4a2e22;
}
.sheet-rightbody {
    grid-area: body-right;
    border: 1px solid #4a2e22;
}
.sheet-rightcolumn {
    grid-area: skills;
    border: 1px solid #4a2e22;
}
.sheet-attributes{
    grid-area:attributes-panel;
    border: 1px solid #4a2e22;
}
.sheet-item-e {
    grid-area: verticalrule;
}
.sheet-charactername {
    grid-area: header-name;

}
.sheet-wideequipment {
    grid-area: equipment;
    border: 1px solid #4a2e22;
}
.sheet-stats{
    grid-area:stats;
    border:transparent;
    border-bottom: 1px solid #4a2e22;
    border-left: 1px solid #4a2e22;
    padding:5px;
}
.sheet-rightstats{
    grid-area:stats-right;
    border: 1px solid #4a2e22;
    padding:5px;
}

.sheet-diemod {
    grid-area: diemod-panel;
    border: 1px solid #4a2e22;
    padding:5px;
}
.sheet-equipment{
    grid-area: equ;
    border: 1px solid #4a2e22;
}

/* Vaesen-GridAreas */
.sheet-LeftVaesen {
    grid-area: Vaesen-Left;
}
.sheet-RightVaesen {
    grid-area: Vaesen-Right;
}
.sheet-VaesenAbilities {
    grid-area: Vaesen-Abilities;
}
.sheet-VaesenName {
    grid-area: Vaesen-Name;
}


/* NPC-GridAreas */
.sheet-NPCName {
    grid-area: NPC-Name;
}
.sheet-NPCAttribs {
    grid-area: NPC-Attribs;
}
.sheet-NPCSkills {
    grid-area: NPC-Skills;
}
.sheet-NPCEquip {
    grid-area: NPC-Equipment;
}
.sheet-NPCMisc {
    grid-area: NPC-Misc;
}
/* HQ-GridAreas */

.sheet-HQimage {
    background-color: transparent; /*transparent */
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/VaesenLogo.png");
    background-repeat: no-repeat;
    background-size: contain;
    grid-area: HQ-image;
}
.sheet-HQhistory {
    grid-area: HQ-history;
}
.sheet-HQheader {
    grid-area: HQ-header;
}
.sheet-HQupgrades {
    grid-area: HQ-upgrades;
}
.sheet-HQleftupgrades {
    grid-area: HQ-leftupgrades;
}
.sheet-HQrightupgrades {
    grid-area: HQ-rightupgrades;
}

/*PC Sheet Layout*/
.sheet-tabstoggle[value="main"] ~ div.sheet-main {
    display: grid;
    width: 833px;
    border: 1px solid black;
    grid-template-columns: [gutter] 5px [Left] 263px [middle] 263px [right] 263px [gutter] 5px;
    grid-template-rows: [gutter] 5px [header] auto [stats] auto [Body] auto [equipment] auto [wideequ] auto [gutter] 5px;
    grid-template-areas:
        ". . . . ."
        ". header-name header-name header-right ."
        ". stats stats attributes-panel ."
        ". body-left body-right skills ."
        ". equ diemod-panel skills ."
        ". equipment equipment skills ."
        ". . . . .";
    grid-gap: 5px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
    background-repeat: repeat;
    background-size: cover;
}

/*NPC Sheet Layout*/
.sheet-tabstoggle[value="NPC"] ~ div.sheet-NPC {
    display: grid;
    width: 780px;
    border: 1px solid black;
    grid-template-columns: [gutter] auto [Body-Left] 25em [break] 20px [body-right] 30em [gutter] auto;
    grid-template-rows: [gutter] 5px [Name] auto [Attribs] auto [Skills] auto [Notes] auto [gutter] 5px;
    grid-template-areas:
        ". . . . ."
        ". NPC-Name NPC-Name NPC-Name ."
        ". NPC-Attribs . NPC-Equipment . "
        ". NPC-Skills . NPC-Equipment ."
        ". NPC-Misc NPC-Misc NPC-Misc ."
        ". . . . .";
    grid-gap: 10px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
    background-repeat: repeat;
    background-size: cover;
}

/*Vaesen Sheet Layout*/
.sheet-tabstoggle[value="Vaesen"] ~ div.sheet-Vaesen {
    display: grid;
    width: 850px;
    border: 1px solid black;
    grid-template-columns: [gutter] auto [Body-Left] 30em [break] 20px [body-right] 30em [gutter] auto;
    grid-template-rows: [gutter] 5px [Name] auto [Stats] auto [Abilities] auto [gutter] 5px;
    grid-template-areas:
        ". . . . . "
        ". Vaesen-Name Vaesen-Name . ."
        ". Vaesen-Left . Vaesen-Right . "
        ". Vaesen-Abilities . Vaesen-Right ."
        ". . . . . ";
    grid-gap: 10px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
    background-repeat: repeat;
    background-size: cover;
}
/*Vaesen HQ Layout*/
.sheet-tabstoggle[value="HQ"] ~ div.sheet-HQ {
    display: grid;
    border: 1px solid black;
    width: 850px;
    grid-template-columns: [gutter] auto [Body-Left] 25em [break] 10em [body-right] 25em [gutter] 10em;
    grid-template-rows: [gutter] 5px [image] auto [header] auto [upgradespan] auto [upgrades] auto [gutter] 5px;
    grid-template-areas:
        ". . . . . "
        ". HQ-image . HQ-history ."
        ". HQ-header . HQ-history . "
        ". HQ-upgrades HQ-upgrades HQ-upgrades ."
        ". HQ-leftupgrades . HQ-rightupgrades ."
        ". . . . . ";
    grid-gap: 10px;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
    background-repeat: repeat;
    background-size: cover;
}


/*Attribute Roll Template*/
.sheet-rolltemplate-vaesen-attrib div.sheet-vaesen-container {
	border: 2px solid #000 !important;
	border-radius: 3px 3px 3px 3px;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
  background-size: cover;
}

.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-header{
    text-align: center;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style:italic;
    font-size:x-large;
    font-weight: bold;
    color:#422d22;
}
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-subheader{
    text-align: center;
    background-color: #f6a479;
    padding: 5px;
    font-weight: bold;
    font-size:large;
    font-style:normal;
    color:#422d22;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-type{
    text-align: center;
	padding: 5px;
	font-style: bold;
}
.sheet-rolltemplate-vaesen-attrib .sheet-vaesen-result{
    background-color: #993300;
	color: #000;
	font-style:italic;
    font-size:large;
    text-align:center;

}

/*Skill Roll Template*/
.sheet-rolltemplate-vaesen-skill div.sheet-vaesen-container {
	border: 2px solid #000 !important;
	border-radius: 3px 3px 3px 3px;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
  background-size: cover;
}

.sheet-rolltemplate-vaesen-skill .sheet-vaesen-header{
    text-align: center;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style:italic;
    font-size:x-large;
    font-weight: bold;
    color:#422d22;
}
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-subheader{
    text-align: center;
    background-color: #f6a479;
    padding: 5px;
    font-weight: bold;
    font-size:large;
    font-style:normal;
    color:#422d22;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-type{
    text-align: center;
	padding: 5px;
	font-style: bold;
}
.sheet-rolltemplate-vaesen-skill .sheet-vaesen-result{
    background-color: #993300;
	color: #000;
	font-style:italic;
    font-size:large;
    text-align:center;
}
/*Attack Roll Template*/
.sheet-rolltemplate-vaesen-attack div.sheet-vaesen-container {
	border: 2px solid #000 !important;
	border-radius: 3px 3px 3px 3px;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vasen_background.jpg"); /*Desaturated Paper Teture*/
  background-size: cover;
}

.sheet-rolltemplate-vaesen-attack .sheet-vaesen-header{
    text-align: center;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
    font-style:italic;
    font-size:x-large;
    font-weight: bold;
    color:#422d22;
}
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-subheader{
    text-align: center;
    background-color: #f6a479;
    padding: 5px;
    font-weight: bold;
    font-size:large;
    font-style:normal;
    color:#422d22;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
}
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-type{
    text-align: center;
	padding: 5px;
	font-style: bold;
}
.sheet-rolltemplate-vaesen-attack .sheet-vaesen-result{
    background-color: #993300;
	color: #000;
	font-style:italic;
    font-size:large;
    text-align:center;

}
/*Repeating Setions*/
.repcontrol {
    display: flex;
    margin-top: 3px;
}
  
.repcontrol .repcontrol_edit {
    margin-left: auto;
    order: 1;
}
  
.repcontrol button {
    background: transparent;
    color: #555;
    border-radius: 0;
    border-color: #999;
    transition: all 0.2s;
    font-family: pictos;
    font-size: 0;
    font-weight: bold;
    padding: 5px 3px 2px;
    line-height: 8px;
}
  
.repcontrol button:hover {
    color: green;
    border-color: green;
    background: #ddd;
}
  
.repcontrol button.repcontrol_edit::after {
    content: "(";
}
  
.repcontrol button.repcontrol_add::after {
    content: "&";
}
  
.repcontrol button.repcontrol_edit::after, .repcontrol button.repcontrol_add::after {
    font-size: 20px;
}
  
.repcontainer.editmode + .repcontrol button.repcontrol_edit::after {
    content: ")";
}

.itemcontrol {
    z-index: 20;
}



/*Roll Button Styling*/

/*Basic d6 Vaesen Roll Button */
button[type="roll"].sheet-vaesendie:before{
    content: '';
}

button[type="roll"].sheet-vaesendie{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie.png"); 
  background-size: 26px 26px;
  background-repeat: no-repeat;
  width: 26px;
  height: 26px;
  border-style: none;
  background-color: transparent;
  margin-left: 5px;
  background-position: 0;
}
button[type="roll"].sheet-vaesendie:hover{
    background-position: 0;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie2.png"); 
    background-color: transparent;
}
button[type="roll"].sheet-vaesendie:active{
    background-position: 0;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesendie3.png"); 
    background-color: transparent;
}


/*Basic d66 Vaesen Roll Button */
button[type="roll"].sheet-vaesend66:before{
    content: '';
}

button[type="roll"].sheet-vaesend66{
  background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_1.png"); 
  background-size: 41px 26px;
  background-repeat: no-repeat;
  width: 41px;
  height: 26px;
  border-style: none;
  background-color: transparent;
  margin-left: 5px;
  background-position: 0;
}
button[type="roll"].sheet-vaesend66:hover{
    background-position: 0;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_2.png"); 
    background-color: transparent;
}
button[type="roll"].sheet-vaesend66:active{
    background-position: 0;
    background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Vaesen/Images/vaesend66_3.png"); 
    background-color: transparent;
}