body{background-color: #000000;background-repeat: no-repeat;background-position: center;font-family: Verdana, Geneva, sans-serif;font-size: 12px;color: #ededed;}


@font-face{
  font-family: "Gothic821";
  src: url(./apps/fcp/font/fallout.eot);
}
@font-face{
  font-family: "Gothic821";
  src: url(./apps/fcp/font/fallout.ttf) format('truetype');
}
@font-face{
  font-family: "JHFO";
  src: url(./apps/fcp/font/fallout_display.ttf) format('truetype');
}
@font-face{
	font-family: "FDecayed";
	src: url(./apps/fcp/font/fallout_decayed.ttf);
}
/*
@font-face{
  font-family: "JHFO";
  src: url(./apps/fcp/font/JH_FALLOUT3.ttf) format('truetype');
}
*/

.container a,a:visited{color: #00cc00;}
.container body{background-color: #000000;background-image: none;}
.container table,.container td{margin: 0px;padding: 0px;border: 0px;border-spacing: 5px;}

/*.container input{width: 200px;}
.container input[type="text"],.container input[type="password"],.container textarea{border: 1px solid #00cc00;padding: 5px;margin-bottom: 5px;background-color: #63cb65;box-shadow: inset 0 0 50px rgba(0,0,0,1);color: #ededed;width:380px;}
*/
.container textarea{height: 100px;font-family: JHFO;font-size: 8px;}
.container select{border: 1px solid #00cc00;padding: 3px;background-color: #1e381e;box-shadow: inset 0 0 50px rgba(0,0,0,1);color: #ededed;font-family: Consolas;font-size: 12px;}
.container input[type="text"]:disabled,textarea:disabled,option:disabled{color:#006600;}
.container input[type="submit"],.container input[type="button"]{width: auto;display: inline-block; border: 1px solid #00cc00;color: #00cc00;font-weight: bold;padding: 3px;padding-left: 10px;padding-right: 10px;text-decoration: none;background-color: #003300;border-radius: 2px 2px 2px 2px;margin: 8px;margin-left: 0px;margin-top: 3px;-webkit-transition: 0.3s background;-moz-transition: 0.3s background;cursor:pointer;}
.container input:disabled,.container textarea:disabled,.container select:disabled{color: #999999;}
.container input[type="submit"]:hover,.container input[type="button"]:hover{background-color: #006600;}

.container{
  width: 1000px;
  height: 480px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  position: relative;
  cursor: default;
  font-family: JHFO,Fixedsys,Consolas;
  font-size: 8px;
  color: #00cc00;
  
  border: 1px solid #666666;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 10px #666666;
}
.container div{
  position: absolute;
}
.container div div{
  position: relative;
}

#containerCreation{background-image: url(./apps/fcp/gfx/bg.gif);}
#containerSelection{background-image: url(./apps/fcp/gfx/bg_selection.gif);}
#containerVersionSelection{border: 1px solid #00cc00;border-radius: 0px 0px 10px 10px;padding: 10px;background-color: #003300;width: 600px;height: auto;}

.versionList{
  width: 800px;margin-left: auto;margin-right: auto;
  font-family: JHFO,Fixedsys,Consolas;
  font-size: 8px;
  color: #00cc00;
}
.selectTitle{clear: left;font-family: Gothic821;font-size: 50px;margin-left: 10px;margin-bottom: 0px;margin-top:0px;padding:0px;height:90px;text-shadow: 0 0 2px #000000;}

.buttonDmgPlan {background-color: #cacaca;} /* Green 0A990F */
.target {position: absolute !important;  right: 0px !important; margin-right: 20px}
.shooter {}

#buttonChangelog{
  color:chartreuse;
  right:0px;
}
#buttonBugs{
  color:orangered;
  right:120px;
}

/* ALL KINDS OF BUTTONS */
.button{
  background-image: url(./apps/fcp/gfx/button_up.png);
  font-family: FDecayed,Gothic821,Fixedsys,Consolas;
  font-size: 20px;
  color: #d8b038;
  width: 86px;
  height: 29px;
  cursor: pointer;
  padding-left: 35px;
  padding-top: 3px;
  text-transform: uppercase;
}
.button:active{background-image: url(./apps/fcp/gfx/button_down.png);}
.buttonDead{
  background-image: url(./apps/fcp/gfx/button_up.png);
  font-family: FDecayed,Gothic821,Fixedsys,Consolas;
  font-size: 20px;
  width: 80px;
  color: #241010;
  width: 86px;
  height: 29px;
  cursor: default;
  padding-left: 35px;
  padding-top: 3px;
  text-transform: uppercase;
}
.toggle{
  background-image: url(./apps/fcp/gfx/toggle_up.gif);
  width: 17px;
  height: 11px;
  cursor: pointer;
}
.toggle:active{background-image: url(./apps/fcp/gfx/toggle_down.gif);}
.plus{
  background-image: url(./apps/fcp/gfx/plus_up.gif);
  width: 16px;
  height: 12px;
  cursor: pointer;
}
.plus:active{background-image: url(./apps/fcp/gfx/plus_down.gif);}
.minus{
  background-image: url(./apps/fcp/gfx/minus_up.gif);
  width: 16px;
  height: 12px;
  cursor: pointer;
}
.minus:active{background-image: url(./apps/fcp/gfx/minus_down.gif);}
.plusMax{
  width: 16px;
  height: 12px;
  cursor: pointer;
}
.minusMax{
  width: 16px;
  height: 12px;
  cursor: pointer;
}
.buttonVersion{
  display: inline-block;
  cursor: pointer;
  padding: 20px;
  margin: 10px;
  margin-top: 20px;
  border: 1px solid #00cc00;
  background-color: #000000;
  font-size: 24px;
  border-radius: 5px 5px 5px 5px;
  box-shadow: inset 0 0 50px #003300;
}
.buttonVersion:hover{
  border: 1px solid #cccc00;
  background-color: #000000;
  box-shadow: inset 0 0 50px #cc9900;
  color: #cccc00;
}
.arrow_up{background-image: url(./apps/fcp/gfx/INVUPOUT.gif);width:22px;height:23px;cursor: pointer;}
.arrow_up:active{background-image: url(./apps/fcp/gfx/INVUPIN.gif);}
.arrow_down{background-image: url(./apps/fcp/gfx/INVDNOUT.gif);width:22px;height:23px;cursor: pointer;}
.arrow_down:active{background-image: url(./apps/fcp/gfx/INVDNIN.gif);}
.arrow_tiny_up{background-image: url(./apps/fcp/gfx/UPARWOFF.gif);width:11px;height:14px;cursor: pointer;}
.arrow_tiny_up:active{background-image: url(./apps/fcp/gfx/UPARWON.gif);}
.arrow_tiny_down{background-image: url(./apps/fcp/gfx/DNARWOFF.gif);width:11px;height:14px;cursor: pointer;}
.arrow_tiny_down:active{background-image: url(./apps/fcp/gfx/DNARWON.gif);}

/* OUTPUT */
.outputNormal{
  font-family: JHFO,Fixedsys,Consolas;
  font-size: 8px;
  color: #00cc00;
}
.outputNormal div span:last-child{
  position: absolute;
  right: 0px;
}
.outputNormal div span:first-child{ /* TO FIX DIVS WITH ONLY ONE SPAN */
  position: relative;
}

.outputBig{
  font-family: Gothic821;
  font-size: 26px;
  color: #dddddd;
}

/* SELECTIONS */
.selectPerm{color: #cccccc;}
.selectTemp{color: #d8b038;}
.selectDis{color: #cc0000;}
.selectOk{color: #00cc00;}

.selectItem, .selectItemDisabled, .selectItemDisabled2, .selectedItem{text-align: center;float: left;width: 70px;height: 90px;text-shadow: 0 0 20px #000000;cursor: pointer;}
.selectItemDisabled{color: #cc0000;cursor: default;}
.selectItemDisabled2{color: #cccccc;cursor: default;}
.selectedItem{color: #cccc00;}
.selectItem img{height: 48px;width: 48px;-webkit-box-shadow: 0 0 50px #000000;border: 1px solid #00cc00;border-radius: 3px 3px 3px 3px;}
.selectItemDisabled img{height: 48px;width: 48px;-webkit-box-shadow: 0 0 50px #000000;border: 1px solid #cc0000;border-radius: 3px 3px 3px 3px;opacity: 0.5;}
.selectItemDisabled2 img{height: 48px;width: 48px;-webkit-box-shadow: 0 0 10px #cccccc;border: 1px solid #cccccc;border-radius: 3px 3px 3px 3px;}
.selectedItem img{height: 48px;width: 48px;-webkit-box-shadow: 0 0 10px #cccc00;border: 1px solid #cccc00;border-radius: 3px 3px 3px 3px;}
.selectItem:hover img{-webkit-box-shadow: 0 0 10px #00cc00;}

/* BUTTON LOCATIONS */
#buttons{left: 880px; top: 100px;}

#buttonReady{bottom: 10px;right:35px;}
#buttonCancel{bottom: 45px;right:35px;}
#buttonCancel2{bottom: 80px;right:35px;}

#buttonTabBuild{left:30px;top:328px;}
#buttonTabCombat{left:130px;top:328px;}
#buttonTabInfo{left:228px;top:328px;}
.buttonTab{width: 85px;height: 27px;cursor: pointer;font-family: Gothic821,Fixedsys,Consolas;font-size: 20px;text-transform: uppercase;text-align:center;color: #d8b038;padding-top:3px;}
.titleTab{text-align: center;width: auto;}

/* ARROW LOCATIONS */
#buttonUp{left:610px;top:220px;}
#buttonDown{left:610px;top:245px;}
#arrowTabUp{left:316px;top:369px;}
#arrowTabDown{left:316px;top:384px;}

/* TOGGLE LOCATIONS */
#toggleSkills{left: 346px;top:55px;}
#toggleTraits1{left: 23px;bottom:24px;}
#toggleTraits2{left: 299px;top:353px;}
#toggleTraits1 div{margin-bottom: 2px;}
#toggleTraits2 div{margin-bottom: 2px;}
#toggleQuests{top: 392px;left: 558px;}
#toggleGlowQuests{top: 403px;left: 558px;}
#toggleImplants {top: 340px;left: 860px;}
.smallToggle {height: 9px; margin-top: 1px}

/* PLUS/MINUS LOCATIONS */
#plusminusSpecial{top: 38px;left: 149px;}
#plusminusSpecial div{margin-bottom: 9px;}
#plusminusSpecial div div{margin-bottom: 0px;}
#plusminusSlider{top: 45px;left:515px;background-image: url(./apps/fcp/gfx/slider2.gif);width: 60px;height: 29px;z-index: 2;}
.plusMax.plusMax{
  right: 5px !important;
}
.minusMax.minusMax{
  bottom: 2px !important;
  right: 5px !important;
}
#plusminusSlider div{position: absolute;right: 22px;bottom: 14px;}
#plusminusSlider div:last-child{position: absolute;right: 22px;bottom: 2px;}
#plusminusSliderA{top: 55px;left:693px;background-image: url(./apps/fcp/gfx/slider.gif);width: 43px;height: 29px;z-index: 2;}
#plusminusSliderA div{position: absolute;right: 5px;bottom: 14px;}
#plusminusSliderA div:last-child{position: absolute;right: 5px;bottom: 2px;}
#plusminusSliderB{top: 55px;left:840px;background-image: url(./apps/fcp/gfx/slider.gif);width: 43px;height: 29px;z-index: 2;}
#plusminusSliderB div{position: absolute;right: 5px;bottom: 14px;}
#plusminusSliderB div:last-child{position: absolute;right: 5px;bottom: 2px;}

/* OUTPUT LOCATIONS */
#outputSkills{top: 55px;left: 371px;line-height: 11px;width: 155px;}
#outputPerks1{top: 55px;left: 578px;line-height: 11px;width: 134px;}
#outputPerks2{top: 55px;right: 141px;line-height: 11px;width: 134px;}
#outputBoosts1{top: 55px;left: 578px;line-height: 11px;width: 134px;}
#outputBoosts2{top: 55px;right: 141px;line-height: 11px;width: 134px;}
#outputTraits1{top: 350px;left: 48px;line-height: 13px;}
#outputTraits2{top: 350px;left: 180px;line-height: 13px;}
#outputStats1{top: 40px;left: 193px;line-height: 11px;width: 120px;}
#outputStats2{top: 175px;left: 193px;line-height: 11px;width: 120px;}
#outputSpecialNum{top: 33px;left: 63px;line-height: 33px;}
#outputSpecialText{top: 33px;left:102px;line-height: 33px;}
#outputTagpoints{}
#outputSkillpoints{}
#outputCharpoints{}
#outputInfo{left: 30px;top: 280px; width: 122px;}
#outputTabBuild{left: 30px;top: 365px;width: 280px;height: 100px;overflow:hidden;}
#outputTabCombat{left: 30px;top: 365px;display: none;width: 280px;height: 100px;overflow:hidden;}
#outputTabInfo{left: 30px;top: 365px;display: none;width: 280px;height: 100px;overflow:hidden;}
#outputMiddleDown{top: 277px;left: 341px;line-height: 11px;width: 180px;}


#selectItems{width: 560px;height: 440px;top: 20px;left: 20px;overflow: hidden;}
#filter{width: 560px;top: 20px;left: 20px;}
#selectItems2{width: 560px;height: 270px;top: 190px;left: 20px;overflow: hidden;}

.textbox{background-color: rgba(0,0,0,0.5);box-shadow: 0 0 20px #000000;margin-left: 20px;margin-right: 20px;margin-top:-30px;}
#clientInfobox{
  border: 2px solid #436543;
  background-color: rgba(83,142,80,0.8);
}

.drugged-high{
  color: #1092BC;
}
.drugged-equal{
  color: #cccc00;
}
.drugged-low{
  color: #cc0000;
}

#plannedLevel {font-family: JHFO;font-size: 8px; color: #00cc00; padding: 0; background-color: #000000; border: 4px; float: right; margin: 0; width: 15px; text-align: right}
#outputSkills div{height: 11px;}

/* Titles */
#titles {
  text-align: center;
  line-height: 11px;
  height: 0;
}
#level3 {top: 55px;
left: 578px;
width: 134px;}
#level6 {top: 260px;
left: 578px;
width: 134px;}
#level9 {top: 317px;
left: 578px;
width: 134px;}
#level12 {top: 23px;
left: 720px;
width: 134px;}
#level15 {top: 65px;
left: 720px;
width: 134px;}
#level18 {top: 130px;
  left: 720px;
  width: 134px;}
#level21 {top: 220px;
left: 720px;
width: 134px;}
#level24 {top: 350px;
  left: 720px;
  width: 134px;}
#booksTitle {top:18px;left: 193px;width: 120px;}
#questTitle {top: 304px;left: 578px;width: 134px;}
#takenPerksTitle {top: 200px;left: 341px;width: 196px;}

.N_A { color: grey; }
.skillPerk { color: green; }
.maxSkill { color: grey; }
.excessSkill { color: yellow; }
.unavailablePerk { color: red; }
.badSpecial { color: red; }
.boosted { color: #00ffff; }
.reduced { color: yellow; }

#copyright {
font-size: 9px;
text-align: center;
color: #333333;
margin-top: 10px;
}

.description {
  font-family: Verdana, Geneva, sans-serif;
  font-size: 12px;
  color: #ededed;
  position: absolute;
  top: 0px;
  width: 200px;
  left: 0px;
  border: 2px solid #435665;
  background-color: rgba(102,148,183,0.8);
  box-shadow: inset 0 0 50px rgba(0,0,0,1);
  border-radius: 0px 4px 4px 4px;
  padding: 5px;
  z-index: 998;
  display: none;
}

.input {
  font-family: Gothic821,Fixedsys,Consolas;
  font-size: 20px;
  color: #d8b038;
  width: 280px;
  height: 22px;
  padding: 0px;
  border: 0px;
  cursor: pointer;
  text-align: center;
  background-color : transparent;
}

#input_name {
  width: 280px;
}

#input_level {
  width: 30px;
}

#name {
  top: 3px;
  left: 325px;
  /*opacity: 1;*/
}

#level {
  top: 3px;
  left: 630px;
}

#skillsInfo {
  top: 214px;
  left: 371px;
  line-height: 10px;
  width: 155px;
}

#cthSelectSkill {
  color: #cccccc;
  position: absolute;
  top: 262px;
  left: 341px;
}

#cthSelectAim {
  color: #cccccc;
  position: absolute;
  top: 262px;
  left: 470px;
  width: 68px;
}

#cthFireMode {
  position: absolute;
  top: 288px;
  left: 470px;
}

#cthAccurateValue {
  width: 31.5px;
  background-color: black;
  border: 0px;
  color: #00cc00;
  font-family: JHFO;
  font-size: 8px;
}

#cth {
  position: absolute;
  top: 286px;/*top: 283px;*/
  left: 341px;
}

#cthWeaponRangeValue {
  width: 35px;
}

#cthStReqValue {
  width: 29px;
}

#armorDRValue {
  width: 35px;
}

#dpsAPCostValue {
  width: 35px;
}

#hourTime {
  width: 35px;
}

#scopedValue {
  width: 29px;
}

#sneakSkillValue {
  width: 42px;
}

.chooser {
  background-color: black;
  border: 0px;
  width: 42px;
  color: #00cc00;
  font-family: JHFO;
  font-size: 8px;
}

/*ccb600*/
.weapon select{ border: 1px solid #00aa00;padding: 3px;background-color: #1e381e;box-shadow: inset 0 0 50px rgba(0,0,0,1);color: #ededed;font-family: Consolas;font-size: 12px;}
.weapon{
  width: 1000px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  margin-top: 30px;
  position: relative;
  cursor: default;
  font-family: JHFO,Fixedsys,Consolas;
  font-size: 8px;
  color: #00cc00;
  
  border: 1px solid #666666;
  border-radius: 10px 10px 10px 10px;
  box-shadow: 0 0 5px #666666;

  background-color: #000800;

  padding-top: 10px;
  padding-left: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
}


.wepparent {
  display: flex;
}

.wepchildsmall {
  border: 0.5px solid;
  width: 14%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.wepchild {
  border: 0.5px solid /*lightgray*/;
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

.wepchildbig {
  position: relative;
  border: 0.5px solid;
  width: 33%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#selectShootAmount {
  width: 55px;
}

.damageCalc {
  position: relative;
  border: 0.5px solid;
  width: 33%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}
.damageCalc select{ border: 1px solid #00aa00;padding: 0px;background-color: #1e381e;box-shadow: inset 0 0 50px rgba(0,0,0,1);color: #ededed;font-family: Consolas;font-size: 10px;}

.blue {position: absolute; right: 0px; margin-right: 5px; color: blue}
.smallValue {position: absolute; right: 0px; margin-right: 5px;}
.darkyellow {color: #999900}
.yellow {color: yellow}
.weaponPicture {position: absolute; right: 0px; margin-right: 20px; top: 0px; margin-top: 10px}
.ammoPicture {position: absolute; right: 0px; margin-right: 20px; top: 0px; margin-top: 165px}

.newLine {white-space: pre-line;}

/* CSS */
.button-3 {
  appearance: none;
  background-color: #32c700; /*079f07*/
  border: 1px solid rgba(27, 31, 35, .15);
  border-radius: 6px;
  box-shadow: rgba(27, 31, 35, .1) 0 1px 0;
  box-sizing: border-box;
  color: #101f0e;
  cursor: pointer;
  display: inline-block;
  font-family: -apple-system,system-ui,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";
  font-size: 12px;
  font-weight: 600;
  line-height: 10px;
  padding: 6px 10px;
  position: relative;
  text-align: center;
  text-decoration: none;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  vertical-align: middle;
  white-space: nowrap;
}

.button-3.small {
  font-size: 10px;
  padding: 3px 3px; 
  border-radius:4px;
}

.button-3:focus:not(:focus-visible):not(.focus-visible) {
  box-shadow: none;
  outline: none;
}

.button-3:hover {
  background-color: #2c974b;
}

.button-3:focus {
  box-shadow: rgba(46, 164, 79, .4) 0 0 0 3px;
  outline: none;
}

.button-3:disabled {
  background-color: #aec3b2;
  border-color: rgba(27, 31, 35, .1);
  color: rgba(255, 255, 255, .8);
  cursor: default;
}

.button-3:enabled:active {
  background-color: #298e46;
  box-shadow: rgba(20, 70, 32, .2) 0 1px 0 inset;
}

#armortraits {
  border: 0.5px solid;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#itemtraits {
  border: 0.5px solid;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#artifacttraits {
  border: 0.5px solid;
  width: 50%;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
}

#weaponCreation{background-image: url(./apps/fcp/gfx/bg_selection.gif);}

#selectTier {
  color: #cccccc;
}

#selectType {
  color: #cccccc;
}

#selectWeapon {
  color: #cccccc;
}

#usePlannerBuildTarget {
  position: absolute;
  right: 150px;
}
#usePlannerBuildTarget {
  position: absolute;
  right: 150px;
}

.usePlannerBuildTargetLabel {
  position: absolute;
  right: 170px;
  top: 16px;
}