.sheet-container {
    width: 760px;
    border: 1px black;
    border-width: 5px;
    border-style: double;
    border-radius: 20px;
    padding: 10px;
}

div.sheet-tab-content { display: none; }

input.sheet-tab:checked ~ div.sheet-tab2,
input.sheet-tab:not(:checked) ~ div.sheet-tab1, { display: block; }

div.sheet-sub-tab-content { display: none; }

input.sheet-sub-tab:checked ~ div.sheet-sub-tab1,
input.sheet-sub-tab:not(:checked) ~ div.sheet-sub-tab2, { display: block; }

input.sheet-tab-content {
    float:right;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: 15px;
    left: -10px;
    margin: -10px;
}

input[type="checkbox"].sheet-tab-content + span::before {
    float:right;
    text-align: center;
    font-family: "Pictos";
    font-size: 20px;
    display: inline-block;
    vertical-align: middle;
    content: "y";
}

input[type="checkbox"].sheet-tab-content:checked + span::before {
    content: "H";
}

input.sheet-sub-tab-content {
    float:right;
    opacity: 0;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1;
    position: relative;
    top: -20px;
    left: -50px;
    margin: -10px;
    transform: scale(1.5);
}

input[type="checkbox"].sheet-sub-tab-content + span::before {
    float:right;
    position: relative;
    top: -33px;
    left: -35px;
    text-align: center;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    content: "NPC";
    border: 1px solid black;
    border-radius: 7px;
    padding: 2px;
}

input[type="checkbox"].sheet-sub-tab-content:checked + span::before {
    content: "PC";
}

.sheet-verbes {
    word-wrap: break-word;
    max-width: 370px;
    margin-right:10px;
    margin-top: 5px;
    margin-bottom: 5px;
    padding:2px;
    display: inline-block;
    border: 1px solid black;
    border-radius: 5px;
}

.sheet-eq {
    width: 305px;
    margin-bottom: 5px;
}

h2 {
   text-align:center;
}

h2.sheet-at {
    color: #F0EAD6;
}

.sheet-meta {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 2px;
}

input.sheet-meta {
    vertical-align:bottom;
}

textarea.sheet-npc {
    width:100%; 
    min-width:100%; 
    max-width:100%;
}
 
.sheet-atrcontainer {
    position:relative; 
    margin-right:20px;
}

.sheet-atrcontainer2 {
    position:relative; 
    margin-right:20px;
    margin-bottom:20px;
    width: 360px;
}


input[type="text"] {
    background: none;
    box-shadow: none;
    padding: 0;
    border: none;
    border-bottom: 1px solid black;
    display: inline-block;
    font-size: 28px;
}

input[type="text"].sheet-desc {
    font-size: 12px;
    width:100%;
    margin-bottom: 5px;
}

input[type="number"] {
    -moz-appearance: textfield;
    text-align:center; 
    font-size:40px; 
    width:50px; 
    max-width:50px; 
    height:50px; 
    border:1px solid black;
}

.repcontainer[data-groupname="repeating_robustesse"] > .repitem, .repcontainer[data-groupname="repeating_agilite"] > .repitem, 
.repcontainer[data-groupname="repeating_esprit"] > .repitem, .repcontainer[data-groupname="repeating_intellect"] > .repitem,
.repcontainer[data-groupname="repeating_bonus"] > .repitem {
    display: inline-block;
    margin:  10px 3px;
}

button.sheet-nod20:before {
    font-family: "Pictos" !important;
    content: "w" !important;
    font-size:20px;
    line-height:18px !important;
}

button.sheet-nod2:before {
    font-family: "dicefontd6" !important;
    content: "l" !important;
    font-size:20px;
    line-height:18px !important;
}

button.sheet-d6:before {
    font-family: "dicefontd6" !important;
    content: "l" !important;
    font-size:20px;
}

button[type="roll"].sheet-broll {
    position: absolute;
    right:-10px;
    top:-10px;
    width:22px;
    height:22px;
    border: 1px solid black;
    border-radius: 11px;
    box-shadow: none;
    text-shadow: none;
    margin:0px;
    padding:0px;
}

.sheet-action {
    position:absolute;
    top:40px;
    width:22px;
    height:22px;
    border: 1px solid black;
    border-radius: 11px;
    box-shadow: none;
    text-shadow: none;
    margin:0px;
    padding:0px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
}

.sheet-action1 {
    right:-15px;
}

.sheet-action2 {
    right:-5px;
}

input[type="checkbox"].sheet-action + span::before {
    content: "(";
    font-family:"Pictos";
    font-size:21px;
    position:absolute;
    right:-10px;
    top:30px;
}

input[type="checkbox"].sheet-action:checked + span::before {
    content: ")";
    font-family:"Pictos";
    font-size:21px;
    position:absolute;
    right:-10px;
    top:30px;
}


input[type="checkbox"].sheet-action1 + span::before {
    right:-10px;
}

input[type="checkbox"].sheet-action2 + span::before {
    right:-3px;
}

.sheet-in {
    background-color: white;
}

input.sheet-action:checked ~ button[type="roll"].sheet-nod20 {
    display:none;
}

input.sheet-action:not(:checked) ~ button[type="roll"].sheet-nod2 {
    display:none;
}

input.sheet-action:checked ~ input[type="number"].sheet-in {
    background-color:#BCBCBE;
}

.sheet-bnpc {
    float:right;
    position: relative;
    top: -35px;
    left: -50px;
    background: #b8c7e0;
    border: 1px solid black;
    border-radius: 13px;
}

button.sheet-bnpc:before {
    font-family: "Pictos" !important;
    content: "N" !important;
    font-size:20px;
    line-height:18px !important;
}

.sheet-rolltemplate-NPC div.sheet-npc_container {
    border: 2px solid black !important;
    border-radius: 10px;
    z-index:1;
    background-color: #f1ecda;
}

.sheet-rolltemplate-NPC .sheet-npc_header {
    background-color: #5e80ba;
    padding: 2px;
    border-bottom: 1px solid black;
    border-radius: 8px 8px 0px 0px;
    line-height: 1.6em;
    font-size: 1.2em;
}

.sheet-rolltemplate-NPC .sheet-npc_subheader {
    padding: 2px;
    font-weight: bold;
}
.sheet-rolltemplate-NPC div.sheet-npc_rowcolor1 {
    border-bottom: 1px solid black;
}

.sheet-rolltemplate-NPC div.sheet-npc_rowcolor2 {
    border-bottom: 1px solid black;
    background-color: #b8c7e0;
}

.sheet-rolltemplate-NPC div.sheet-npc_rowcolor {
    background-color: #b8c7e0;
    border-radius: 0px 0px 8px 8px;
}
.sheet-npc_d {
    font-weight: bold;
}

.sheet-rolltemplate-display span.sheet-ddice {
    min-width: 30px;
    min-height: 30px;
    max-width: 30px;
    max-height: 30px;
    display: inline-block;
    vertical-align: bottom;
    background-color: white;
    border: 2px solid black;
    border-radius: 10px;
    font-size: 30px;
    text-align: center;
    line-height: 30px;
}

.repcontainer .itemcontrol {
  z-index: 100;
}