

/* COLOR BEGINS */

.wod20 .fullSplatColor {
  background: var(--main-full-color);
  color: #ffffff;
}

.wod20 .fullSplatColor.button.active {
  background: #e0e0e0;
	color: var(--main-full-color);
  border: 1px solid var(--main-full-color);
}

.wod20 .headlineTabs {
	border-bottom-color: var(--main-full-color);
}

.wod20 .row:nth-of-type(odd) {
  background-color: var(--main-dim-color);
}

.thin-border-left,
.thin-border-right {
  border-color: var(--main-full-color);
}

.resource-value-static .resource-value-static-step.active {
  background-color: var(--main-full-color);
  color: #e0e0e0;
  
}

.wod20 .tooltip .tooltiptext {
  background-color: #e0e0e0;
  color: #121212;
}

.wod20 .power-row {
  border-bottom: 1px solid var(--main-full-color);
  background-color: var(--main-dim-color);  
}

.wod20 .art-row {
  border-bottom: 1px solid var(--main-full-color);
  background-color: var(--main-dim-color);
} 

.wod20 .item-notice,
.wod20 .item-create,
.wod20 .fa-toggle-on {
  color: rgb(5, 99, 5);
}

.wod20 .item-warning {
  color: rgb(183, 121, 5)
}

.wod20 .item-delete,
.wod20 .fa-toggle-off {
  color: rgb(167, 2, 2);
}

.wod20 .pointer.icon:hover,
.wod20 .pointer.icon:focus,
.wod20 .item-create:hover,
.wod20 .item-create:focus,
.wod20 .item-edit:hover,
.wod20 .item-edit:focus,
.wod20 .item-delete:hover,
.wod20 .item-delete:focus,
.wod20 .collapsible.button:hover,
.wod20 .collapsible.button:focus,
.wod20 .vrollable:hover,
.wod20 .vrollable:focus, 
.wod20 nav .item:hover,
.wod20 nav .item:focus,
.wod20 nav .item.active {
	text-shadow: 0 0 10px var(--main-full-color);
}

.wod20 .headlineRow {
  border-bottom: 1px solid var(--main-full-color);
  background-color: var(--main-dim-color);
}

.wod20 .headlineRowBackground {
  background-color: var(--main-dim-color);
}

/* COLOR ENDS */

/* START - General */

.langDE.wod-sheet:not(.minimized),
.langES.wod-sheet:not(.minimized),
.langIT.wod-sheet:not(.minimized) {
  min-width: 1100px;
  width: 1100px;
  min-height: 900px;
}

.langFR.wod-sheet:not(.minimized) {
  min-width: 1000px;
  width: 1000px;
  min-height: 900px;
}

.langDE.wod-sheet .sheet-inner-area,
.langES.wod-sheet .sheet-inner-area,
.langIT.wod-sheet .sheet-inner-area {
  width: 990px;
}

.langFR.wod-sheet .sheet-inner-area {
  width: 950px;
}

.langDE.demon:not(.noSplatFont) .headlineList,
.langDE.demon:not(.noSplatFont) .headlineRow {
    font-size: 12px;
}

/* END - General */

/* START Core */

.langDE.wod-sheet .ability-headlineWidth,
.langES.wod-sheet .ability-headlineWidth {
  width: 60%;
}

.langES.wod-sheet .supernaturalAttribute.ability-headlineWidth {
  width: 40%;
}

.langDE.werewolf .ability-headlineWidth,
.langDE.demon .ability-headlineWidth,
.langES.werewolf .ability-headlineWidth,
.langES.demon .ability-headlineWidth {
  width: 55%;
}

.langPT.werewolf .ability-headlineWidth,
.langPT.demon .ability-headlineWidth,
.langFR .attribute-headlineWidth,
.langIT .attribute-headlineWidth {
  width: 120px;
}

.langFR .health-headlineWidth {
  width: 140px;
}
.langDE.changeling .health-headlineWidth,
.langPT.changeling .health-headlineWidth,
.langES.changeling .health-headlineWidth,
.langIT.changeling .health-headlineWidth {
  width: 	180px;
}

.langPT.wod-sheet .health-headlineWidth {
  width: 	150px;
}

/* END Core */

/* START Combat */

.wod20.langDE .combat-natural-itemlist .width-abilitybox,
.wod20.langDE .combat-melee-itemlist .width-abilitybox,
.wod20.langDE .combat-ranged-itemlist .width-abilitybox,
.wod20.langDE .combat-armor-itemlist .width-abilitybox,
.wod20.langDE .power-itemlist .width-abilitybox,
.langDE .wod20-drag-row .width-abilitybox {
  width: 110px;
}

.wod20.langDE.hunter .power-itemlist .width-abilitybox {
  width: 160px;
}

.wod20.langDE .gear-itemlist .width-abilitybox,
.wod20.langES .gear-itemlist .width-abilitybox {
  width: 200px;
}

.wod20.langDE .combat-natural-itemlist .width-valuebox,
.wod20.langDE .combat-melee-itemlist .width-valuebox,
.wod20.langDE .combat-ranged-itemlist .width-valuebox,
.wod20.langDE .combat-armor-itemlist .width-valuebox,
.wod20.langDE .gear-itemlist .width-valuebox,
.wod20.langDE .feature-itemlist .width-valuebox,
.langDE .wod20-drag-row .width-valuebox {
  width: 60px;
  text-align: center;
}

.wod20.langDE .effect-itemlist .item-row .width-mediumbox,
.wod20.langES .effect-itemlist .item-row .width-mediumbox {
  width: 200px;
}

.wod20.langDE .combat-natural-itemlist .width-valuebox,
.wod20.langDE .combat-melee-itemlist .width-valuebox,
.wod20.langDE .combat-ranged-itemlist .width-valuebox,
.wod20.langDE .combat-armor-itemlist .width-valuebox,
.wod20.langDE .gear-itemlist .width-valuebox,
.wod20.langDE .feature-itemlist .width-valuebox,
.langDE .wod20-drag-row .width-valuebox,
.wod20.langES .combat-natural-itemlist .width-valuebox,
.wod20.langES .combat-melee-itemlist .width-valuebox,
.wod20.langES .combat-ranged-itemlist .width-valuebox,
.wod20.langES .combat-armor-itemlist .width-valuebox,
.wod20.langES .gear-itemlist .width-valuebox,
.wod20.langES .feature-itemlist .width-valuebox,
.langES .wod20-drag-row .width-valuebox {
  width: 80px;
  text-align: center;
}

.wod20.langDE.demon .combat-armor-itemlist .width-valuebox,
.wod20.langDE.mage .combat-armor-itemlist .width-valuebox,
.wod20.langDE.mortal .combat-armor-itemlist .width-valuebox,
.wod20.langES.demon .combat-armor-itemlist .width-valuebox,
.wod20.langES.mage .combat-armor-itemlist .width-valuebox,
.wod20.langES.mortal .combat-armor-itemlist .width-valuebox {
  width: 100px;
}

.wod20.langDE.werewolf .combat-armor-itemlist .width-valuebox.form-box,
.wod20.langES.werewolf .combat-armor-itemlist .width-valuebox.form-box {
  width: 60px;
}

.wod20.langES .combat-armor-itemlist .width-smallbox {
  width: 100px;
}


/* .langDE .combat-smallBox,
.langPT .combat-smallBox {
  width: 90px;
}

.langDE .combat-concealBox,
.langPT .combat-concealBox,
.langES .combat-concealBox,
.langIT .combat-concealBox {
  width: 85px;
}

.langES .combat-valueBox,
.langIT .combat-valueBox {
  width: 65px;
}

.langES.changeling .armor-type-width,
.langFR.changeling .armor-type-width,
.langIT.changeling .armor-type-width {
  width: 270px;
}

.langES .combat-valueBoxArmor,
.langIT .combat-valueBoxArmor {
  width: 85px;
}

.langFR .combat-valueBoxArmor {
  width: 95px;
} */

/* END Combat */

/* START Power*/

.langDE.wod-sheet .power-dicebox,
.langPT.wod-sheet .power-dicebox {
  width: 130px;
}

.langDE.wod-sheet .power-row .power-iconbox,
.langPT.wod-sheet .power-row .power-iconbox {
  margin-left: 150px;
}

.langDE.aretecasting-dialog .dialog-label,
.langPT.aretecasting-dialog .dialog-label,
.langES.aretecasting-dialog .dialog-label,
.langIT.aretecasting-dialog .dialog-label {
  width: 520px;
}

/* END Power */

/* START Setting */

.wod20:not(.noSplatFont) .secondHeadlineTabs {
  font-size: 14px;
}

.langES .settings-abilitylabel,
.langIT .settings-abilitylabel {
  width: 115px;
}

.langES .settings-ability-altnamefiller,
.langIT .settings-ability-altnamefiller {
  width: 110px;
}

/* END Setting */

/* START Dialog */

.langDE .dialog-casting-type-label,
.langPT .dialog-casting-type-label,
.langES .dialog-casting-type-label,
.langIT .dialog-casting-type-label {
  width: 350px;
}

.langDE .comboboxRow,
.langPT .comboboxRow {
  height: 40px;
}

/* END - Dialog */

/* Check so screen is large enough - START */

@media all and (max-width : 1500px)
{
  .langDE.wod-sheet:not(.minimized),
  .langPT.wod-sheet:not(.minimized),
  .langES.wod-sheet:not(.minimized),
  .langIT.wod-sheet:not(.minimized) {
    min-width: 900px;
  }     
}

@media all and (max-width : 1280px)
{
  .wod-sheet:not(.minimized) {
    min-width: 850px;
  }

  .wod-sheet .sheet-inner-area {
    width: 800px;
  }

  .langDE.wod-sheet .sheet-inner-area,
  .langPT.wod-sheet .sheet-inner-area,
  .langES.wod-sheet .sheet-inner-area,
  .langIT.wod-sheet .sheet-inner-area {
    padding-right: 45px;
  } 
}

@media all and (max-width : 1024px)
{
  .wod-sheet:not(.minimized),
  .wod-item:not(.minimized),
  .wod-dialog:not(.minimized) {
    min-width: 400px;
    width: 400px;    
  }

  .wod20 .window-content {
    overflow: auto;
  }
}

@media all and (max-height : 1250px)
{
  .wod-sheet:not(.minimized) {
    min-height: 900px;
  }
}

@media all and (max-height : 1024px)
{
  .wod-sheet:not(.minimized),
  .wod-item:not(.minimized),
  .wod-dialog:not(.minimized) {
    min-height: 400px;
    height: 400px;    
  }

  .wod20 .window-content {
    overflow: auto;
  }
}

/* Check so screen is large enough - END */