/* Roll20 Official public Repository */
/* My Own Repository for Testing */


.sheet-pc,
.sheet-npc,
.sheet-pc_bojaddtvt_select,
.sheet-pc_bojaddzbroj_select,
.sheet-pc_bojaddstrel_select,
div.sheet-rolltemplates,
div.sheet-pc_main,
div.sheet-pc_schopnosti,
div.sheet-pc_vybava,
div.sheet-pc_pozn {
  display: none;
}


.sheet-pc_bojaddtvt_toggle[value="1"] ~ div.sheet-pc_bojaddtvt_select,
.sheet-pc_bojaddzbroj_toggle[value="1"] ~ div.sheet-pc_bojaddzbroj_select,
.sheet-pc_bojaddstrel_toggle[value="1"] ~ div.sheet-pc_bojaddstrel_select,
.sheet-npc_toggle[value="0"] ~ .sheet-pc,
.sheet-npc_toggle[value="1"] ~ .sheet-npc {
  display: block; 
}
  
.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_main,
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_schopnosti,
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_vybava,
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_pozn{
  display: grid;
}

.sheet-pc_toggle_page[value="0"] ~ div.sheet-pc_selector button.sheet-pc_main,
.sheet-pc_toggle_page[value="1"] ~ div.sheet-pc_selector button.sheet-pc_schopnosti,
.sheet-pc_toggle_page[value="2"] ~ div.sheet-pc_selector button.sheet-pc_vybava,
.sheet-pc_toggle_page[value="3"] ~ div.sheet-pc_selector button.sheet-pc_pozn{
    background-color: transparent;
    font-weight: bold;
    border: none;
}


/*-------------------------------------------------*/
label {
  margin: 5px 0px 5px 0px;
  font-size: 1.1em;
}

/* --------- Inputs ------------- */

input[type="text"] {
  background-color: transparent;
  border-style: none none solid none;
  border-color: black;
}

input[type="number"] {
  background-color: transparent;
  border: none;
}

textarea {
  background-color: transparent;
  width: 89%;
  height: 70%;
  margin-right: 15px;
}

input[type="checkbox"].sheet-checkbox {
  border-style: solid black;
  border-radius: 0px;
}

textarea:focus,
input[type="text"]:focus,
input[type="number"]:focus{
  background-color: #F6CED8;
}

select {
  background-color: transparent;
  border-style: none none solid none;
  border-color: black;
  height: 70%;
}

/* -----Hides up/down buttons on numberfields that don't need them ---*/

input[type=number].sheet-ref::-webkit-inner-spin-button,
input[type=number].sheet-ref::-webkit-outer-spin-button,
input[type=number].sheet-txtfield::-webkit-inner-spin-button,
input[type=number].sheet-txtfield::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number].sheet-ref,
input[type=number].sheet-txtfield {
  -moz-appearance: textfield;
}

/* ------- Buttons ---------- */

button[type="roll"]:not(.sheet-small){
  color: black;
  height: 30px;
  width: 30px;
  margin-left: 15px;
}

button[type="roll"]:not(.sheet-small)::before{
  font-size: 1.4em;
}


/* --------- General Section Styling ------------- */
.sheet-flex-center {
  display: flex;
  align-items: center;
}

.sheet-flex-middle {
  display: flex;
  justify-content: center;
}

.sheet-flex-down {
  flex-flow: column nowrap;
}

.sheet-container {
/*    width: 750px;*/
    background-color: white;
/*    position: relative; */
    border: 1px solid black;
    margin: 0px;
    padding: 5px;
    min-width: 90%;
}

.sheet-section {
    padding: 5px;
/*    min-height: 90%;
    background-color: white;
    border: 1px solid red;*/
}

div{
    /* border: 1px solid red;*/
}

div.sheet-npc {
    min-width:600px;
}

div.sheet-npc_main {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 0.2fr 0.5fr 0.5fr 0.5fr;
  grid-template-areas:  "npc_name      npc_stav"
                        "npc_name      npc_utok"
                        "npc_name      npc_zbroj"
                        "npc_info      npc_info";
	grid-gap: 6px;
	min-width:    800px; /*Defines the width and height of the sheet*/
	height:   auto;
}

div.sheet-npc_name{
  grid-area: npc_name;
  padding-top: 5px;
  width:400px;
  margin-bottom:25px;
  height:   auto;
}
div.sheet-npc_name input{
    /*background-color:#CCCCCC;*/
/*    height:25px; */
    width:400px;
    min-width:40px;
}
div.sheet-npc_name label{
    width:80px;
    text-align:right;
    /*background-color:#CC9999;*/
}


div.sheet-npc_stav{
  grid-area: npc_stav;
  padding-top: 5px;
  width:200px;
  margin-bottom:25px;
}
div.sheet-npc_info{
  grid-area: npc_info;
  width:auto;
}

.sheet-npc_vlastnost{
	height:28px;
}
.sheet-repeat{
	height:auto;
}
 
.sheet-npc_vlastnost input,
.sheet-npc_vlastnost select,
.sheet-npc_vlastnost span{
    font-size: 1em;
    text-align:right;
}

.sheet-npc_vlastnost input,
.sheet-npc_vlastnost label,
.sheet-npc_vlastnost select,
.sheet-npc_vlastnost span{
	vertical-align: baseline;
}

.sheet-npc_vlastnost select{
	margin:0px;
	padding:0px;
	border-style: none none none none;
	width:80px;
}

.sheet-npc_vlastnost input[type="number"]{
	width:2em;
}
.sheet-npc_vlastnost input[type="text"]{
	width:350px;
	text-align:center;
}

.sheet-npc_vlastnost span{
	margin-right:20px;
	width:20px;
}

div.sheet-npc_utok{
  grid-area: npc_utok;
  width:380px;
  height:150px;
}

div.sheet-npc_zbroj{
  grid-area: npc_zbroj;
  width:380px;
    padding-bottom:25px;
  height:150px;
}






div.sheet-pc {
    min-width:600px;
}

div.sheet-pc_hlavicka {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 2fr;
  grid-template-areas:"pc_name      pc_stav      pc_akce";
  grid-gap: 6px;
 /*  width:    650px; Defines the width and height of the sheet*/
  height:   110px; 
}

div.sheet-pc_name{
  grid-area: pc_name;
  padding-top: 5px;
  width:250px;
  margin-bottom:25px;
}

div.sheet-pc_name select{
    width:300px;
}
div.sheet-pc_name select.sheet-velikost{
    width:50px;
}

div.sheet-pc_stav{
  grid-area: pc_stav;
  padding-top: 5px;
  width:240px;
  margin-bottom:25px;
}

div.sheet-pc_stav input{
    font-size: 1.4em;
}

div.sheet-pc_stav label{
    font-size: 0.6em;
}

div.sheet-pc_stav span{
    margin-right:10px;
}

div.sheet-pc_akce{
  grid-area: pc_akce;
  margin-top: -20px;
  width:300px;
}

div.sheet-pc_akce button[type="roll"]{
    margin-left: 0px;
    padding-right: 50px;
    margin-right: 15px;
}
div.sheet-pc_akce button[type="roll"].sheet-btnObrana{
    padding-right: 0px;
    width:35px;
}
div.sheet-pc_akce input[type="radio"]{
    margin-left: 0px;
}

div.sheet-pc_akce button.sheet-iniciativa{
    margin-left: 40px;
    padding-right: 60px;
    margin-right:0px;
}

div.sheet-pc_akce input{
    margin-left: 8px;
    padding-right: 50px;
    margin-bottom: 0px;
}
div.sheet-pc_akce label{
    margin-bottom: 18px;
    margin-left: -15px;
    font-size: 0.6em;
}

div.sheet-pc_akce .sheet-setradio div{
    margin-left: -10px;
    min-width: 80px;
   /* background-color:#CCCCCC;*/
}

div.sheet-hodnoty{
    height:45px;
    margin:0px,0px,0px,0px;
}
div.sheet-hodnoty span.sheet-ucoc{
    font-size: 1.6em;
    width: 45px;
}
div.sheet-hodnoty label{
    width:45px;
    height:10px;
    text-align:center;
    margin-top:-5px;
}

div.sheet-pc_selector{
  background-color:#DDD;
}
div.sheet-pc_selector button{
    margin: 2px 5px 2px 5px;
}

div.sheet-pc_main{
/*  display: grid;*/
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr 0.5fr 0.5fr;
  grid-template-areas:"pc_staty     pc_tvt"
                      "pc_staty     pc_strel"
                      "pc_staty     pc_zbroj";
  grid-gap: 6px;

 /*  width:    650px; Defines the width and height of the sheet*/
}

div.sheet-pc_stats{
  grid-area: pc_staty;
  width:245px;
/*  margin-left:15px;*/
}

div.sheet-pc_stats .sheet-vlastnost label{
  width:100px;
}
div.sheet-pc_stats .sheet-vlastnost span{
  width:20px;
}

div.sheet-pc_stats .sheet-hledani label{
  width:100px;
}
.sheet-hledani input{
    font-size: 1.3em;
    text-align:right;
}

div.sheet-pc_stats div.sheet-mezi{
/*  margin-top:10px;*/
  background-color:#EEE;
}
div.sheet-pc_stats div.sheet-mezi button{
    width:60px;
    margin-left:5px;
    height:20px;
/*    background-color:#EEE;*/
}
div.sheet-pc_stats .sheet-mezi label{
  font-size: 0.9em;
  margin-left:5px;
  width:100px;
}
div.sheet-pc_stats .sheet-mezi span{
  font-size: 0.6em;
  margin-left:5px;
}

.sheet-vlastnost input,
.sheet-vlastnost span{
    font-size: 1.6em;
    text-align:right;
}

div.sheet-pohyb span,
div.sheet-pohyb input,
div.sheet-pohyb label {
    font-size: 0.75em;
    padding-right:5px;
    margin-left:5px;
    margin-top:-7px;
}
div.sheet-pohyb span{
    width:20px;
}
div.sheet-pohyb span.sheet-vaha{
    width:55px;
}

div.sheet-pohyb label {
    width:40px;
}

div.sheet-pc_bojaddtvt_select,
div.sheet-pc_bojaddzbroj_select,
div.sheet-pc_bojaddstrel_select {
    margin-right:-180px;
    width:180px;
    z-index:1;
}


div.sheet-pc_bojaddtvt_select select,
div.sheet-pc_bojaddzbroj_select select,
div.sheet-pc_bojaddstrel_select select{
    background-color:#F6CED8;
    height:22px;
    width:180px;
    margin-top:8px;
    padding-top:-10px;
}

div.sheet-pc_tvt{
  grid-area: pc_tvt;
  padding-top: 5px;
/*  width:200px;*/
}
div.sheet-pc_strel{
  grid-area: pc_strel;
  padding-top: 5px;
/*  width:200px;*/
}
div.sheet-pc_zbroj{
  grid-area: pc_zbroj;
  padding-top: 5px;
/*  width:200px;*/
}

div.sheet-radek {
  background-color: transparent;
  border-style: none none solid none;
  border-color: #EEE;
  border-radius: 0px;
}

div.sheet-popisky{
    background-color:#EEE;
    height:20px;
}
div.sheet-popisky label{
    margin-left:10px;
    width:25px;
}
div.sheet-popisky label.sheet-jmeno{
    margin-left:10px;
    width:160px;
}
input[type = checkbox].sheet-2h {
    margin-right: 25px;
}


div.sheet-pc_vybava {
    min-width:600px;
}

div.sheet-pc_vybava_main {
  display: grid;
  grid-template-columns: 2fr 2fr 1fr;
  grid-template-rows: 0.5fr 1fr;
  grid-template-areas:  "pc_vybava_mince     pc_vybava_vybaveni   pc_vybava_pozn"
                        "pc_vybava_poklad    pc_vybava_vybaveni   pc_vybava_pozn";
  grid-gap: 6px;
 /*  width:    650px; Defines the width and height of the sheet*/
}
div.sheet-pc_vybava_mince{
  grid-area: pc_vybava_mince;
  padding-top: 5px;

/*  width:200px;*/
}
div.sheet-pc_vybava_poklad{
  grid-area: pc_vybava_poklad;
  padding-top: 5px;
/*  width:200px;*/
}
div.sheet-pc_vybava_vybaveni{
  grid-area: pc_vybava_vybaveni;
  padding-top: 5px;
/*  width:200px;*/
}
div.sheet-pc_vybava_pozn{
  grid-area: pc_vybava_pozn;
  padding-top: 5px;
  height:   300px; 
/*  width:200px;*/
}


div.sheet-pc_sch_main {
  display: grid;
  grid-template-columns: 1fr 2fr 2fr;
  grid-template-rows: 1fr 10fr;
  grid-template-areas:  "pc_sch_dovednost     pc_sch_pozn1   pc_sch_pozn2"
                        "pc_sch_dovednost   pc_sch_pozn1       pc_sch_pozn2";
  grid-gap: 6px;
  vertical-align:top;
 /*  width:    650px; Defines the width and height of the sheet*/
}

div.sheet-pc_sch_dovednost{
  grid-area: pc_sch_dovednost;
  padding-top: 5px;
}

div.sheet-pc_sch_pozn1{
  grid-area: pc_sch_pozn1;
  padding-top: 5px;
}

div.sheet-pc_sch_pozn2{
  grid-area: pc_sch_pozn2;
  padding-top: 5px;
}

div.sheet-pc_pozn_main {
  display: grid;
  grid-template-columns: 1fr 2fr;
  grid-template-rows: 1fr 1fr;
  grid-template-areas:  "pc_pozn_souhrn   pc_pozn_vzhled"
                        "pc_pozn_souhrn   pc_pozn_pribeh";
  grid-gap: 6px;
  vertical-align:top;
 /*  width:    650px; Defines the width and height of the sheet*/
}

div.sheet-pc_pozn_souhrn{
  grid-area: pc_pozn_souhrn;
  padding-top: 5px;
}

div.sheet-pc_pozn_vzhled{
  grid-area: pc_pozn_vzhled;
  padding-top: 5px;
}

div.sheet-pc_pozn_pribeh{
  grid-area: pc_pozn_pribeh;
  padding-top: 5px;
}

div.sheet-hlabel-container div{
	width:50px;
}





























.sheet-rolltemplate-NPCObrana .sheet-container ,
.sheet-rolltemplate-NPCUtok .sheet-container ,
.sheet-rolltemplate-Bojovnost .sheet-container ,
.sheet-rolltemplate-Past .sheet-container ,
.sheet-rolltemplate-k10Vlastnost .sheet-container ,
.sheet-rolltemplate-Obrana .sheet-container ,
.sheet-rolltemplate-Utok .sheet-container ,
.sheet-rolltemplate-Hledani .sheet-container {
    background-color: #ffffff;
    border: 1px solid;
    padding: 2px;
    width: 189px;
}

.sheet-rolltemplate-NPCObrana .sheet-container h1 ,
.sheet-rolltemplate-NPCUtok .sheet-container h1 ,
.sheet-rolltemplate-Bojovnost .sheet-container h1 ,
.sheet-rolltemplate-Past .sheet-container h1 ,
.sheet-rolltemplate-k10Vlastnost .sheet-container h1 ,
.sheet-rolltemplate-Obrana .sheet-container h1 ,
.sheet-rolltemplate-Utok .sheet-container h1 ,
.sheet-rolltemplate-Hledani .sheet-container h1 {
    color: rgb(126, 45, 64);
    font-size: 1.2em;
    font-variant: small-caps;
    line-height: 20px;
}

.sheet-rolltemplate-NPCObrana div ,
.sheet-rolltemplate-NPCUtok div ,
.sheet-rolltemplate-Bojovnost div ,
.sheet-rolltemplate-Past div ,
.sheet-rolltemplate-k10Vlastnost div ,
.sheet-rolltemplate-Obrana div ,
.sheet-rolltemplate-Utok div ,
.sheet-rolltemplate-Hledani div  {
    padding: 2px;
/*    border: 1px solid red;*/
};
 
.sheet-rolltemplate-NPCObrana span ,
.sheet-rolltemplate-NPCUtok span ,
.sheet-rolltemplate-Bojovnost span ,
.sheet-rolltemplate-Past span ,
.sheet-rolltemplate-k10Vlastnost span ,
.sheet-rolltemplate-Obrana span ,
.sheet-rolltemplate-Utok span ,
.sheet-rolltemplate-Hledani 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-NPCObrana .sheet-subheader ,
.sheet-rolltemplate-NPCUtok .sheet-subheader ,
.sheet-rolltemplate-Bojovnost .sheet-subheader ,
.sheet-rolltemplate-Past .sheet-subheader ,
.sheet-rolltemplate-k10Vlastnost .sheet-subheader ,
.sheet-rolltemplate-Obrana .sheet-subheader ,
.sheet-rolltemplate-Utok .sheet-subheader ,
.sheet-rolltemplate-Hledani .sheet-subheader  {
    color: #000;
    font-size: 1em;
/*    font-style: italic;*/
}
 
.sheet-rolltemplate-NPCObrana .sheet-arrow-right ,
.sheet-rolltemplate-NPCUtok .sheet-arrow-right ,
.sheet-rolltemplate-Bojovnost .sheet-arrow-right ,
.sheet-rolltemplate-Past .sheet-arrow-right ,
.sheet-rolltemplate-k10Vlastnost .sheet-arrow-right ,
.sheet-rolltemplate-Obrana .sheet-arrow-right ,
.sheet-rolltemplate-Utok .sheet-arrow-right ,
.sheet-rolltemplate-Hledani .sheet-arrow-right  {
    border-bottom: 2px solid transparent;
    border-left: 180px solid rgb(126, 45, 64);
    border-top: 2px solid transparent;
}
 
.sheet-rolltemplate-NPCObrana .sheet-tcat ,
.sheet-rolltemplate-NPCUtok .sheet-tcat ,
.sheet-rolltemplate-Bojovnost .sheet-tcat ,
.sheet-rolltemplate-Past .sheet-tcat ,
.sheet-rolltemplate-k10Vlastnost .sheet-tcat ,
.sheet-rolltemplate-Obrana .sheet-tcat ,
.sheet-rolltemplate-Utok .sheet-tcat ,
.sheet-rolltemplate-Hledani .sheet-tcat  {
    font-style: italic;
}

.sheet-rolltemplate-NPCObrana .sheet-rowcolor ,
.sheet-rolltemplate-NPCUtok .sheet-rowcolor ,
.sheet-rolltemplate-Bojovnost .sheet-rowcolor ,
.sheet-rolltemplate-Past .sheet-rowcolor ,
.sheet-rolltemplate-k10Vlastnost .sheet-rowcolor ,
.sheet-rolltemplate-Obrana .sheet-rowcolor ,
.sheet-rolltemplate-Utok .sheet-rowcolor ,
.sheet-rolltemplate-Hledani .sheet-rowcolor  {
    font-style: italic;
    width:100%;
}

.sheet-rolltemplate-NPCObrana .sheet-rowsmall ,
.sheet-rolltemplate-NPCUtok .sheet-rowsmall ,
.sheet-rolltemplate-Bojovnost .sheet-rowsmall ,
.sheet-rolltemplate-Past .sheet-rowsmall ,
.sheet-rolltemplate-k10Vlastnost .sheet-rowsmall ,
.sheet-rolltemplate-Obrana .sheet-rowsmall ,
.sheet-rolltemplate-Utok .sheet-rowsmall ,
.sheet-rolltemplate-Hledani .sheet-rowsmall  {
    font-size: 0.7em;
    width:100%;
    height:10px;
    white-space: nowrap;
}

.sheet-rolltemplate-NPCObrana .sheet-big ,
.sheet-rolltemplate-NPCUtok .sheet-big ,
.sheet-rolltemplate-Bojovnost .sheet-big ,
.sheet-rolltemplate-Past .sheet-big ,
.sheet-rolltemplate-k10Vlastnost .sheet-big ,
.sheet-rolltemplate-Obrana .sheet-big ,
.sheet-rolltemplate-Utok .sheet-big ,
.sheet-rolltemplate-Hledani .sheet-big  {
    font-size: 1.3em;
    font-weight: bold;
    min-width:25px;
}

.sheet-rolltemplate-NPCObrana .sheet-nowrap ,
.sheet-rolltemplate-NPCUtok .sheet-nowrap ,
.sheet-rolltemplate-Bojovnost .sheet-nowrap ,
.sheet-rolltemplate-Past .sheet-nowrap ,
.sheet-rolltemplate-k10Vlastnost .sheet-nowrap ,
.sheet-rolltemplate-Obrana .sheet-nowrap ,
.sheet-rolltemplate-Utok .sheet-nowrap ,
.sheet-rolltemplate-Hledani .sheet-nowrap  {
    white-space: nowrap;
}

.sheet-rolltemplate-NPCObrana div.sheet-doprava ,
.sheet-rolltemplate-NPCUtok div.sheet-doprava ,
.sheet-rolltemplate-Bojovnost div.sheet-doprava ,
.sheet-rolltemplate-Past div.sheet-doprava ,
.sheet-rolltemplate-k10Vlastnost div.sheet-doprava ,
.sheet-rolltemplate-Obrana div.sheet-doprava ,
.sheet-rolltemplate-Utok div.sheet-doprava ,
.sheet-rolltemplate-Hledani div.sheet-doprava {
    text-align:right;
}

.sheet-rolltemplate-NPCObrana div.sheet-thlavicka,
.sheet-rolltemplate-NPCUtok div.sheet-thlavicka,
.sheet-rolltemplate-Bojovnost div.sheet-thlavicka,
.sheet-rolltemplate-Past div.sheet-thlavicka,
.sheet-rolltemplate-k10Vlastnost div.sheet-thlavicka,
.sheet-rolltemplate-Obrana div.sheet-thlavicka,
.sheet-rolltemplate-Utok div.sheet-thlavicka,
.sheet-rolltemplate-Hledani div.sheet-thlavicka {
    width:90px;
}  

.sheet-rolltemplate-NPCObrana div.sheet-tvysledky,
.sheet-rolltemplate-NPCUtok div.sheet-tvysledky,
.sheet-rolltemplate-Bojovnost div.sheet-tvysledky,
.sheet-rolltemplate-Past div.sheet-tvysledky,
.sheet-rolltemplate-k10Vlastnost div.sheet-tvysledky,
.sheet-rolltemplate-Obrana div.sheet-tvysledky,
.sheet-rolltemplate-Utok div.sheet-tvysledky,
.sheet-rolltemplate-Hledani div.sheet-tvysledky {
    width:60px;
    text-align:right;
} 

.sheet-rolltemplate-NPCObrana div.sheet-flex-center ,
.sheet-rolltemplate-NPCUtok div.sheet-flex-center ,
.sheet-rolltemplate-Bojovnost div.sheet-flex-center ,
.sheet-rolltemplate-Past div.sheet-flex-center ,
.sheet-rolltemplate-k10Vlastnost div.sheet-flex-center ,
.sheet-rolltemplate-Obrana div.sheet-flex-center ,
.sheet-rolltemplate-Utok div.sheet-flex-center ,
.sheet-rolltemplate-Hledani div.sheet-flex-center {
  display: flex;
  align-items: center;
}

.sheet-rolltemplate-NPCObrana .inlinerollresult ,
.sheet-rolltemplate-NPCUtok .inlinerollresult ,
.sheet-rolltemplate-Bojovnost .inlinerollresult ,
.sheet-rolltemplate-Past .inlinerollresult ,
.sheet-rolltemplate-k10Vlastnost .inlinerollresult ,
.sheet-rolltemplate-Obrana .inlinerollresult ,
.sheet-rolltemplate-Utok .inlinerollresult ,
.sheet-rolltemplate-Hledani .inlinerollresult  {
    background-color: #ffffff;
    border: none;
}


.sheet-repeating-fields {
  counter-reset: sheet-rep-items;
}

.sheet-counter::before {
  counter-increment: sheet-rep-items;
  content: counter(sheet-rep-items) '. ';
}

}