/* ################# - Commons - ################## */

@import url('https://fonts.googleapis.com/css?family=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp'); @import url('https://fonts.googleapis.com/css?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Oxanium:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css?family=Goldman:wght@400;700&family=Oxanium:wght@200;300;400;500;600;700;800&display=swap'); @import url('https://fonts.googleapis.com/css?family=Goldman:wght@400;700&display=swap');




.absolute{
   position: absolute;
}

.flex{
    display: flex;
}

.fRow{
    flex-direction: row;
}

.fColumn{
    flex-direction: column;
}

.wrap{
    flex-wrap: wrap;
}

.noWrap{
    flex-wrap: nowrap;
}

.jcFlexEnd{
    justify-content: flex-end;
}

.jcCenter{
    justify-content: center;
}

.jcSpaceBetween{
    justify-content: space-between;
}

.jcSpaceAround{
    justify-content: space-around;
}

.aiFlexEnd{
    align-items: flex-end;
}

.aiCenter{
    align-items: center;
}

.aiBaseline{
    align-items: baseline;
}

.aiStretch{
    align-items: stretch;
}

.acFlexEnd{
    align-content: flex-end;
}

.acCenter{
    align-content: center;
}

.acSpaceBetween{
    align-content: space-between;
}

.acSpaceAround{
    align-content: space-around;
}

.acStretch{
    align-content: stretch;
}

.pointerEventsNone{
    pointer-events:none;
}

input::-webkit-calendar-picker-indicator {
    display: none !important;
}

.displayNone{
    display: none !important;
}


/* ++++ - Expander - +++++ */
.hider[value="0"]+li,
.hider[value="0"]+div,
.hider[value="0"]+label,
.hider[value="-1"]+li,
.hider[value="-1"]+div,
.hider[value="-1"]+label {
    height: 0px;
    overflow: hidden;
    transition: height 1s;
    
 }  

.hider[value="1"]+li,
.hider[value="1"]+div,
.hider[value="1"]+label {
    height: 186px;
    transition: height 1s, display 1s 1s;
     overflow: hidden;
}

.expanderContainer{
    width: 14px;
}


input[type="checkbox"] {	
    appearance: none;
    background-color: #fff;
    margin: 0;      
    border: 2px solid #979797;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center; 
}

input[type="checkbox"]:checked {
    background-color: #848484;
    border-color: transparent;    
}

input[type="checkbox"]:focus {
   outline: none;
}


input[type="checkbox"]::before {
	content: "";
	width: 13px;
	height: 13px;
	-webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transition: 120ms transform ease-in-out;
	background-color: white ;
}

input[type="checkbox"]:checked::before {
    transform: scale(1);    
}


input[type="checkbox"].expander{
    position: relative;
    cursor: pointer;
    z-index: 1;
    margin-top: 8px;
    line-height: 2;
    opacity: 0.0;
    left: 3px;
    bottom: 2px;
    width: 1.15em;
    height: 1.15em;   
}

input[type="checkbox"].expander + span::after {
    display: inline-block;
    content: "▼";
    position: relative;
    left: -13px;
    top: 2px;
    line-height: 2;
    font-size: 12px;
    transition: transform .5s;
}

input[type="checkbox"].expander:checked + span::after {
    transform: rotate(180deg);   
}


.pathContacts input[type="checkbox"].expander{
    left: 0px;  
}



.expandedArea{
    max-width: 94.5%;
    min-width: 94.5%;
    padding-left: 2%;
    padding-right: 3%;
    padding-top: 5px;
    /* text-indent: 20px; */
    line-height: 1.6;
    border-radius: 0px;
    font-size: 13.5px;
    scrollbar-width: thin;
}

.expandedArea::first-line{
    text-indent:20px;
}



.expanderFlagModal[value="0"] ~ .expandedArea{
    display:flex;
    opacity: 0;
    /* transition: height 0.3s , opacity 0.3s; */
    height: 0px !important;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 26px;
    pointer-events: none;
}

.expanderFlagModal[value="1"] ~ .expandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    position: absolute;
    top: 26px;
}

.expandedArea:focus-visible{
    outline: none;
}

.expanderFlagModal[value="1"] ~ .traitHeader,
.expanderFlagModal[value="1"] ~ .expandedArea{
    z-index: 3;
    background: white;
}   

.expanderFlagModal[value="1"] ~ .modalBackground{
    display: block;
    background-color: black;
    width: calc(100% + 31px);
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0.5;
    transition: opacity 0.3s;
    overflow: hidden;
    top: -1px;
    left: -31px;

}

.expanderFlagModal[value="0"] ~ .modalBackground{
    opacity: 0;
    height: 0px;
    visibility: hidden;   
}

.modalButton{
    width: 100%;
    height: 100%;
    opacity: 0;
}


.expanderFlagModalRoll[value="1"] ~ .modalBackgroundRoll{
    display: block;
    background-color: rgb(0, 0, 0);
    width: calc(100% + 31px);
    height: 100%;
    position: absolute;
    z-index: 2;
    opacity: 0.8;
    transition: opacity 0.3s;
    overflow: hidden;
    top: -1px;
    left: -31px;

}

.expanderFlagModalRoll[value="0"] ~ .modalBackgroundRoll{
    opacity: 0;
    height: 0px;
    visibility: hidden;   
}

.modalButtonRoll{
    width: 100%;
    height: 100%;
    opacity: 0;
}










.expanderFlag[value="0"] ~ .expandedArea{
    display:flex;
    opacity: 0;
    /* transition: height 0.3s , opacity 0.3s; */
    height: 0px !important;
    margin-bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    position: absolute;
    top: 26px;
}

.expanderFlag[value="1"] ~ .expandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
}






/* ++++ - Fim Expander - +++++ */




/* ++++ - Summary Button - +++++ */
.summaryButtons{
    position: sticky;
    top: 0px;
    margin-left: -31px;
}

input[type="checkbox"].summaryButtonMain{
    opacity: 0.0;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;  
}

input[type="checkbox"].summaryButtonMain + span {
    font-family: Pictos;
    line-height: 2;
    font-size: 20px;
    color: #7b7b7b;  
}

input[type="checkbox"].summaryButtonMain + span,
.summaryButton{  
    display: flex;
    width: 30px;
    height: 30px;
    font-weight: normal;   
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.summaryButton{  
   font-size: 12px;
   color: #484848;
   border-top: #b7b7b7;
   border-top-style: solid;
   border-top-width: 1px;
}

/* ++++ - Fim Summary Button - +++++ */




/* ++++ - Roll Button - +++++ */
.rollButtons{
    position: sticky;
    top: 0px;
    margin-left: calc(100% + 1px);
}

.rollButtons absolute{
   width: 30px;
}

input[type="checkbox"].rollButtonMain{
    opacity: 0.0;
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;  
}

input[type="checkbox"].rollButtonMain + span {
    font-family: dicefontd10 ;
    line-height: 2;
    font-size: 33px;
    color: #7b7b7b;  
}

input[type="checkbox"].rollButtonMain + span,
.rollButton{  
    display: flex;
    width: 30px;
    height: 30px;
    font-weight: normal;   
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.rollButton{  
   font-size: 12px;
   color: #484848;
   border: none;
   border-top: #b7b7b7;
   border-top-style: solid;
   border-top-width: 1px;
   width: 30px;
   padding: 0px;

}


.rollButtons .hider[value="1"]+li,
.rollButtons .hider[value="1"]+div,
.rollButtons .hider[value="1"]+label {
    height: 155px;
}

/* ++++ - Fim Roll Button - +++++ */



/* ++++ - ATTR Roll Button - +++++ */
.traitRollButton{
    font-family: 'dicefontd10';
    background: transparent;
    border: none;
    font-size: 23px;
    opacity: .6;
    padding-bottom: 5px;
    display: none;
}

/* ++++ - Fim ATTR Roll Button - +++++ */

/* ############### - Fim Commons - ################ */








/* ############### - STRUCTURE - ################ */
*::-webkit-scrollbar {
    width: 7px;
  }
  
*::-webkit-scrollbar-track {
    background: #CFD8DC;
}
  
*::-webkit-scrollbar-thumb {
    background-color: #90A4AE;   
}

.sheet-2colrow{
    font-size:0px;    
}


/* .ui-dialog {
    scroll-behavior: smooth;
} */

.ui-dialog .charsheet .sheet-2colrow .sheet-col {
    width: calc(50% - 15px);
    margin-right: 30px; 
}

*:focus-visible{
    outline: none;
 }


.dialog {
    background-color: transparent;    
}





.customNav-Tabs {
    position: absolute;
    margin-top: -92px;
    margin-left: -30px;
    background: white;
    width: calc(100% - 40px);
    z-index: 0;
    height: 42px;
    padding: 20px;
    pointer-events: none;
    transition: 1s;
}

.customNav-Tabs .nav-tabs {
    border-bottom: 1px solid #ddd;
    transition: 1s;
}

.customNav-Tabs .nav > li > a {
    color: #404040;
    transition: 1s;
}

.customNav-Tabs .nav > li > a[data-tab="charsheet"]{
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
      border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    transition: 1s;   
}







.pseudoBody{
    background-color: white;
    width: 100%;
    margin-left: -30px;
    font-family: 'Roboto', sans-serif; 
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    margin-top: -10px;
    transition: 1s;
}


 .pseudoDisplay{
    background-color: #FBFBFB;
    width: calc(100% - 2px);
    min-width: 829px;
    min-height: auto;
    position: relative; 
    transition: 1s;
    border: 1px solid;    
}

#top{
    position: absolute;
    top: -132px;
}

/* ++++ - Tier Section Selector - +++++ */
div.pseudoBody .pseudoDisplay .PC,
div.pseudoBody .pseudoDisplay .sheet-row.PC,
div.pseudoBody .pseudoDisplay .sheet-2colrow.PC,
div.pseudoBody .pseudoDisplay .sheet-3colrow.PC,
div.pseudoBody .pseudoDisplay .talent,
div.pseudoBody .pseudoDisplay .sheet-row.talent,
div.pseudoBody .pseudoDisplay .sheet-2colrow.talent,
div.pseudoBody .pseudoDisplay .sheet-3colrow.talent,
div.pseudoBody .pseudoDisplay .nova,
div.pseudoBody .pseudoDisplay .sheet-row.nova,
div.pseudoBody .pseudoDisplay .sheet-2colrow.nova,
div.pseudoBody .pseudoDisplay .sheet-3colrow.nova,
div.pseudoBody .pseudoDisplay .superior,
div.pseudoBody .pseudoDisplay .sheet-row.superior,
div.pseudoBody .pseudoDisplay .sheet-2colrow.superior,
div.pseudoBody .pseudoDisplay .sheet-3colrow.superior,
div.pseudoBody .pseudoDisplay .superior.default,
div.pseudoBody .pseudoDisplay .sheet-row.superior.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.superior.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.superior.default,
div.pseudoBody .pseudoDisplay .psion,
div.pseudoBody .pseudoDisplay .sheet-row.psion,
div.pseudoBody .pseudoDisplay .sheet-2colrow.psion,
div.pseudoBody .pseudoDisplay .sheet-3colrow.psion,
div.pseudoBody .pseudoDisplay .psion.default,
div.pseudoBody .pseudoDisplay .sheet-row.psion.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.psion.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.psion.default,
div.pseudoBody .pseudoDisplay .proxy,
div.pseudoBody .pseudoDisplay .sheet-row.proxy,
div.pseudoBody .pseudoDisplay .sheet-2colrow.proxy,
div.pseudoBody .pseudoDisplay .sheet-3colrow.proxy,
div.pseudoBody .pseudoDisplay .psiad,
div.pseudoBody .pseudoDisplay .sheet-row.psiad,
div.pseudoBody .pseudoDisplay .sheet-2colrow.psiad,
div.pseudoBody .pseudoDisplay .sheet-3colrow.psiad,
div.pseudoBody .pseudoDisplay .psiad.default,
div.pseudoBody .pseudoDisplay .sheet-row.psiad.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.psiad.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.psiad.default,
div.pseudoBody .pseudoDisplay .advanced,
div.pseudoBody .pseudoDisplay .sheet-row.advanced,
div.pseudoBody .pseudoDisplay .sheet-2colrow.advanced,
div.pseudoBody .pseudoDisplay .sheet-3colrow.advanced,
div.pseudoBody .pseudoDisplay .qin,
div.pseudoBody .pseudoDisplay .sheet-row.qin,
div.pseudoBody .pseudoDisplay .sheet-2colrow.qin,
div.pseudoBody .pseudoDisplay .sheet-3colrow.qin,
div.pseudoBody .pseudoDisplay .qin.default,
div.pseudoBody .pseudoDisplay .sheet-row.qin.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.qin.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.qin.default,
div.pseudoBody .pseudoDisplay .qinproxy,
div.pseudoBody .pseudoDisplay .sheet-row.qinproxy,
div.pseudoBody .pseudoDisplay .sheet-2colrow.qinproxy,
div.pseudoBody .pseudoDisplay .sheet-3colrow.qinproxy,
div.pseudoBody .pseudoDisplay .inspired,
div.pseudoBody .pseudoDisplay .sheet-row.inspired,
div.pseudoBody .pseudoDisplay .sheet-2colrow.inspired,
div.pseudoBody .pseudoDisplay .sheet-3colrow.inspired,
div.pseudoBody .pseudoDisplay .daredevil,
div.pseudoBody .pseudoDisplay .sheet-row.daredevil,
div.pseudoBody .pseudoDisplay .sheet-2colrow.daredevil,
div.pseudoBody .pseudoDisplay .sheet-3colrow.daredevil,
div.pseudoBody .pseudoDisplay .stalwart,
div.pseudoBody .pseudoDisplay .sheet-row.stalwart,
div.pseudoBody .pseudoDisplay .sheet-2colrow.stalwart,
div.pseudoBody .pseudoDisplay .sheet-3colrow.stalwart,
div.pseudoBody .pseudoDisplay .mesmerist,
div.pseudoBody .pseudoDisplay .sheet-row.mesmerist,
div.pseudoBody .pseudoDisplay .sheet-2colrow.mesmerist,
div.pseudoBody .pseudoDisplay .sheet-3colrow.mesmerist,
div.pseudoBody .pseudoDisplay .squire,
div.pseudoBody .pseudoDisplay .sheet-row.squire,
div.pseudoBody .pseudoDisplay .sheet-2colrow.squire,
div.pseudoBody .pseudoDisplay .sheet-3colrow.squire,
div.pseudoBody .pseudoDisplay .gog,
div.pseudoBody .pseudoDisplay .sheet-row.gog,
div.pseudoBody .pseudoDisplay .sheet-2colrow.gog,
div.pseudoBody .pseudoDisplay .sheet-3colrow.gog,
div.pseudoBody .pseudoDisplay .magog,
div.pseudoBody .pseudoDisplay .sheet-row.magog,
div.pseudoBody .pseudoDisplay .sheet-2colrow.magog,
div.pseudoBody .pseudoDisplay .sheet-3colrow.magog,
div.pseudoBody .pseudoDisplay .assassin,
div.pseudoBody .pseudoDisplay .sheet-row.assassin,
div.pseudoBody .pseudoDisplay .sheet-2colrow.assassin,
div.pseudoBody .pseudoDisplay .sheet-3colrow.assassin,
div.pseudoBody .pseudoDisplay .anima,
div.pseudoBody .pseudoDisplay .sheet-row.anima,
div.pseudoBody .pseudoDisplay .sheet-2colrow.anima,
div.pseudoBody .pseudoDisplay .sheet-3colrow.anima,
div.pseudoBody .pseudoDisplay .NPC,
div.pseudoBody .pseudoDisplay .sheet-row.NPC,
div.pseudoBody .pseudoDisplay .sheet-2colrow.NPC,
div.pseudoBody .pseudoDisplay .sheet-3colrow.NPC,
div.pseudoBody .pseudoDisplay .qtech,
div.pseudoBody .pseudoDisplay .sheet-row.qtech,
div.pseudoBody .pseudoDisplay .sheet-2colrow.qtech,
div.pseudoBody .pseudoDisplay .sheet-3colrow.qtech,
div.pseudoBody .pseudoDisplay .ftech,
div.pseudoBody .pseudoDisplay .sheet-row.ftech,
div.pseudoBody .pseudoDisplay .sheet-2colrow.ftech,
div.pseudoBody .pseudoDisplay .sheet-3colrow.ftech,
div.pseudoBody .pseudoDisplay .transport,
div.pseudoBody .pseudoDisplay .sheet-row.transport,
div.pseudoBody .pseudoDisplay .sheet-2colrow.transport,
div.pseudoBody .pseudoDisplay .sheet-3colrow.transport,
div.pseudoBody .pseudoDisplay .transport.default,
div.pseudoBody .pseudoDisplay .sheet-row.transport.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.transport.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.transport.default,
div.pseudoBody .pseudoDisplay .varg,
div.pseudoBody .pseudoDisplay .sheet-row.varg,
div.pseudoBody .pseudoDisplay .sheet-2colrow.varg,
div.pseudoBody .pseudoDisplay .sheet-3colrow.varg,
div.pseudoBody .pseudoDisplay .varg.default,
div.pseudoBody .pseudoDisplay .sheet-row.varg.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.varg.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.varg.default,
div.pseudoBody .pseudoDisplay .equipment,
div.pseudoBody .pseudoDisplay .sheet-row.equipment,
div.pseudoBody .pseudoDisplay .sheet-2colrow.equipment,
div.pseudoBody .pseudoDisplay .sheet-3colrow.equipment,
div.pseudoBody .pseudoDisplay .equipment.default,
div.pseudoBody .pseudoDisplay .sheet-row.equipment.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.equipment.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.equipment.default,
div.pseudoBody .pseudoDisplay .subTypeWeapon,
div.pseudoBody .pseudoDisplay .sheet-row.subTypeWeapon,
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeWeapon,
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeWeapon,
div.pseudoBody .pseudoDisplay .subTypeArmor,
div.pseudoBody .pseudoDisplay .sheet-row.subTypeArmor,
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeArmor,
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeArmor,
div.pseudoBody .pseudoDisplay .subTypeGear,
div.pseudoBody .pseudoDisplay .sheet-row.subTypeGear,
div.pseudoBody .pseudoDisplay .sheet-2colrow.subTypeGear,
div.pseudoBody .pseudoDisplay .sheet-3colrow.subTypeGear,
div.pseudoBody .pseudoDisplay .biosuit,
div.pseudoBody .pseudoDisplay .sheet-row.biosuit,
div.pseudoBody .pseudoDisplay .sheet-2colrow.biosuit,
div.pseudoBody .pseudoDisplay .sheet-3colrow.biosuit,
div.pseudoBody .pseudoDisplay .biosuit.default,
div.pseudoBody .pseudoDisplay .sheet-row.biosuit.default,
div.pseudoBody .pseudoDisplay .sheet-2colrow.biosuit.default,
div.pseudoBody .pseudoDisplay .sheet-3colrow.biosuit.default{
	display: none;
}

input.selectedTier[value="baseline"] ~ .pseudoBody .PC,
input.selectedTier[value="baseline"] ~* .pseudoBody .PC,
input.selectedTier[value="talent"] ~ .pseudoBody .PC,
input.selectedTier[value="talent"] ~* .pseudoBody .PC,
input.selectedTier[value="nova"] ~ .pseudoBody .PC,
input.selectedTier[value="nova"] ~* .pseudoBody .PC,
input.selectedTier[value="superior"] ~ .pseudoBody .PC,
input.selectedTier[value="superior"] ~* .pseudoBody .PC,
input.selectedTier[value="psiad"] ~ .pseudoBody .PC,
input.selectedTier[value="psiad"] ~* .pseudoBody .PC,
input.selectedTier[value="psion"] ~ .pseudoBody .PC,
input.selectedTier[value="psion"] ~* .pseudoBody .PC,
input.selectedTier[value="qin"] ~ .pseudoBody .PC,
input.selectedTier[value="qin"] ~* .pseudoBody .PC,
input.selectedTier[value="inspired"] ~ .pseudoBody .PC,
input.selectedTier[value="inspired"] ~* .pseudoBody .PC{
    display: flex;
}

input.selectedTier[value="baseline"] ~ .pseudoBody .baseline,
input.selectedTier[value="baseline"] ~* .pseudoBody .baseline{
  display: flex;
}


input.selectedTier[value="talent"] ~ .pseudoBody .talent,
input.selectedTier[value="talent"] ~* .pseudoBody .talent{
  display: flex;
}

input.selectedTier[value="nova"] ~ .pseudoBody .nova,
input.selectedTier[value="nova"] ~* .pseudoBody .nova{
  display: flex;
}

input.selectedTier[value="superior"] ~ .pseudoBody .superior,
input.selectedTier[value="superior"] ~* .pseudoBody .superior{
  display: flex;
}

input.selectedTier[value="psiad"] ~ .pseudoBody .psiad,
input.selectedTier[value="psiad"] ~* .pseudoBody .psiad{
  display: flex;
}

input.selectedTier[value="psiad"] ~ .selectedTierLevel[value="advanced"] ~ .pseudoBody .advanced,
input.selectedTier[value="psiad"] ~ .selectedTierLevel[value="advanced"] ~* .pseudoBody .advanced{
  display: flex;
}

input.selectedTier[value="psion"] ~ .pseudoBody .psion,
input.selectedTier[value="psion"] ~* .pseudoBody .psion{
  display: flex;
}


input.selectedTier[value="psion"] ~ .selectedTierLevel[value="proxy"] ~ .pseudoBody .proxy,
input.selectedTier[value="psion"] ~ .selectedTierLevel[value="proxy"] ~* .pseudoBody .proxy{
  display: flex;
}


input.selectedTier[value="qin"] ~ .pseudoBody .qin,
input.selectedTier[value="qin"] ~* .pseudoBody .qin{
  display: flex;
}


input.selectedTier[value="qin"] ~ .selectedTierLevel[value="qinproxy"] ~ .pseudoBody .qinproxy,
input.selectedTier[value="qin"] ~ .selectedTierLevel[value="qinproxy"] ~* .pseudoBody .qinproxy{
  display: flex;
}



input.selectedTier[value="inspired"] ~ .pseudoBody .inspired,
input.selectedTier[value="inspired"] ~* .pseudoBody .inspired{
  display: flex;
}


input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~ .pseudoBody .daredevil,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .pseudoBody .daredevil{
  display: flex;
}


input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~ .pseudoBody .stalwart,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .pseudoBody .stalwart{
  display: flex;
}


input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~ .pseudoBody .mesmerist,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .pseudoBody .mesmerist{
  display: flex;
}


input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~ .pseudoBody .squire,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .pseudoBody .squire{
  display: flex;
}


input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~ .pseudoBody .gog,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .pseudoBody .gog{
  display: flex;
}



input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~ .pseudoBody .magog,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .pseudoBody .magog{
  display: flex;
}



input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~ .pseudoBody .assassin,
input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .pseudoBody .assassin{
  display: flex;
}



input.selectedTier[value="anima"] ~ .pseudoBody .anima,
input.selectedTier[value="anima"] ~* .pseudoBody .anima{
  display: flex;
}

input.selectedTier[value="NPC"] ~ .pseudoBody .NPC,
input.selectedTier[value="NPC"] ~* .pseudoBody .NPC{
  display: flex;
}

input.selectedTier[value="ftech"] ~ .pseudoBody .ftech,
input.selectedTier[value="ftech"] ~* .pseudoBody .ftech{
  display: flex;
}

input.selectedTier[value="qtech"] ~ .pseudoBody .qtech,
input.selectedTier[value="qtech"] ~* .pseudoBody .qtech{
  display: flex;
}

input.selectedTier[value="transport"] ~ .pseudoBody .transport,
input.selectedTier[value="transport"] ~* .pseudoBody .transport{
  display: flex;
}


input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="weapon"] ~ .pseudoBody .subTypeWeapon,
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="weapon"] ~* .pseudoBody .subTypeWeapon{
  display: flex;
}


input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="armor"] ~ .pseudoBody .subTypeArmor,
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="armor"] ~* .pseudoBody .subTypeArmor{
  display: flex;
}

input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="gear"] ~ .pseudoBody .subTypeGear,
input.selectedTier[value="equipment"] ~ .selectedEquipmentType[value="gear"] ~* .pseudoBody .subTypeGear{
  display: flex;
}

input.selectedTier[value="varg"] ~ .pseudoBody .varg,
input.selectedTier[value="varg"] ~* .pseudoBody .varg{
  display: flex;
}

input.selectedTier[value="equipment"] ~ .pseudoBody .equipment,
input.selectedTier[value="equipment"] ~* .pseudoBody .equipment{
  display: flex;
}

input.selectedTier[value="biosuit"] ~ .pseudoBody .biosuit,
input.selectedTier[value="biosuit"] ~* .pseudoBody .biosuit{
  display: flex;
}



input[name="attr_secSkl"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Skill,
input[name="attr_secAtt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Attributes,
input[name="attr_secMgAtt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaAttributes,
input[name="attr_secMgAttAlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaAttributesAlt,
input[name="attr_secTrHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-npc-Traits--Health,
input[name="attr_secAppHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Approaches--Health,
input[name="attr_secModCond"][value='0'] ~ .pseudoBody .pseudoDisplay #section-npc-Modifiers--Conditions,
input[name="attr_secEdSkTgUp"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Edge--SkillTrick-Tags-Upgrades,
input[name="attr_secInsFac"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Inspiration--Facets,
input[name="attr_secGft"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Gifts,
input[name="attr_secQtTrs"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Quantum--Transcendence,
input[name="attr_secCsMod"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Costs--Module,
input[name="attr_secTransf"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Transformation,
input[name="attr_secMgEd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaEdge,
input[name="attr_secQtPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-QuantumPower,
input[name="attr_secJikPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-JinketsuPowers,
input[name="attr_secApc"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Aspect,
input[name="attr_secPsiPsiTr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Psi--PsiTraits,
input[name="attr_secPonApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psion-Aptitude,
input[name="attr_secQinApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-Aptitude,
input[name="attr_secPiadApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psiad-Aptitude,
input[name="attr_secPonAuxMd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psion-AuxiliaryModes,
input[name="attr_secQinAuxMd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-AuxiliaryModes,
input[name="attr_secCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Condition--Injuries,
input[name="attr_secQinCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-Condition--Injuries,
input[name="attr_secFlwHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Flaws--Health,
input[name="attr_secPths"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Paths,
input[name="attr_secAnPaths"][value='0'] ~ .pseudoBody .pseudoDisplay #section-anima-Paths,
input[name="attr_secNotsAsp"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Notes--Aspirations,
input[name="attr_secExpDfs"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Experience--Defense,
input[name="attr_secSrcSdEf"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Source--SideEffects,
input[name="attr_secGenPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-GenericPowers,
input[name="attr_secTrCondUAbl"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Traits--Conditions-UniqueAbility,
input[name="attr_secTgSytTg"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Tags-SystemTags,
input[name="attr_secAltCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-alternative-Condition--Injuries,
input[name="attr_secBioArm"][value='0'] ~ .pseudoBody .pseudoDisplay #section-biosuit-Armor,
input[name="attr_secBioWep"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Weapons,
input[name="attr_secBioGer"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Gear,
input[name="attr_secNotsOtTrts"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Notes--OtherTraits{
    display:none;
}

input[name="attr_secSkl"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Skill + div.space1,
input[name="attr_secAtt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Attributes + div.space1,
input[name="attr_secMgAtt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaAttributes + div.space1,
input[name="attr_secMgAttAlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaAttributesAlt + div.space1,
input[name="attr_secTrHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-npc-Traits--Health + div.space1,
input[name="attr_secAppHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Approaches--Health + div.space1,
input[name="attr_secModCond"][value='0'] ~ .pseudoBody .pseudoDisplay #section-npc-Modifiers--Conditions + div.space1,
input[name="attr_secEdSkTgUp"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Edge--SkillTrick-Tags-Upgrades + div.space1,
input[name="attr_secInsFac"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Inspiration--Facets + div.space1,
input[name="attr_secGft"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Gifts + div.space1,
input[name="attr_secQtTrs"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Quantum--Transcendence + div.space1,
input[name="attr_secCsMod"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Costs--Module + div.space1,
input[name="attr_secTransf"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Transformation + div.space1,
input[name="attr_secMgEd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-MegaEdge + div.space1,
input[name="attr_secQtPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-QuantumPower + div.space1,
input[name="attr_secJikPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-JinketsuPowers + div.space1,
input[name="attr_secApc"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Aspect + div.space1,
input[name="attr_secPsiPsiTr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Psi--PsiTraits + div.space1,
input[name="attr_secPonApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psion-Aptitude + div.space1,
input[name="attr_secQinApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-Aptitude + div.space1,
input[name="attr_secPiadApt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psiad-Aptitude + div.space1,
input[name="attr_secPonAuxMd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-psion-AuxiliaryModes + div.space1,
input[name="attr_secQinAuxMd"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-AuxiliaryModes + div.space1,
input[name="attr_secCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Condition--Injuries + div.space1,
input[name="attr_secQinCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-qin-Condition--Injuries + div.space1,
input[name="attr_secFlwHlt"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Flaws--Health + div.space1,
input[name="attr_secPths"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Paths + div.space1,
input[name="attr_secAnPaths"][value='0'] ~ .pseudoBody .pseudoDisplay #section-anima-Paths + div.space1,
input[name="attr_secNotsAsp"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Notes--Aspirations + div.space1,
input[name="attr_secExpDfs"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Experience--Defense + div.space1,
input[name="attr_secSrcSdEf"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Source--SideEffects + div.space1,
input[name="attr_secGenPwr"][value='0'] ~ .pseudoBody .pseudoDisplay #section-GenericPowers + div.space1,
input[name="attr_secTrCondUAbl"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Traits--Conditions-UniqueAbility + div.space1,
input[name="attr_secTgSytTg"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Tags-SystemTags + div.space1,
input[name="attr_secAltCondInj"][value='0'] ~ .pseudoBody .pseudoDisplay #section-alternative-Condition--Injuries + div.space1,
input[name="attr_secBioArm"][value='0'] ~ .pseudoBody .pseudoDisplay #section-biosuit-Armor + div.space1,
input[name="attr_secBioWep"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Weapons + div.space1,
input[name="attr_secBioGer"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Gear + div.space1,
input[name="attr_secNotsOtTrts"][value='0'] ~ .pseudoBody .pseudoDisplay #section-Notes--OtherTraits + div.space1{
    display:none;
}








/* input.selectedTier[value="vehicle"] ~ .pseudoBody .vehicle,
input.selectedTier[value="vehicle"] ~* .pseudoBody .vehicle{
  display: flex;
} */
/* ++++ - Fim Tier Section Selector - +++++ */


.pSection{
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-right: 30px;
}


.pTwinSection{
    display: flex;
    padding-left: 30px;
    padding-right: 30px;
}


.input-label{
    font-size: 16px;
    color: #2f2f2f;
    font-weight: 400;
    letter-spacing: -0.5px;
    flex-shrink: 0;
    letter-spacing: 0.1px;
    transition: 1s;      
}

.input-label.alt{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500;
    color: #515151;
}


.inputLine {
    background: rgba(255, 255, 255, 0);
    border: none;
    border-bottom: 1px solid #717171;
    border-radius: 0;
    height: 20px;
    padding: 3px 0 0 5px;
    flex-grow: 1;
    padding-top: 1px;
    margin-left: 4px;
    margin-bottom: 0px;
    font-size: 16px;
    font-style: italic;
    color: #5A5A5A;
    min-width: 10px;
    width: 100%;
}

.pseudoDisplay select.boxPoint{
    font-size: 18px;
    width: auto;    
}

.textCenter{
    text-align: center;
}

.inputLine:active,
.inputLine:focus-visible{
    outline:none;
}

select.inputLine{
    padding-top: 0px;
    appearance: none;
    
}

.inputDisable{
    pointer-events: none;
}


.inputBox{
    border: none;
    border-radius: 0;
    font-size: 15px;
    color: #2f2f2f;
    min-width: 10px;
    appearance: none;
    cursor: pointer;
    text-align: center;
    text-align-last:center;
    padding-right: 13px;
    max-width: 98px;
    margin-bottom: 0px;
    height: 100%;    
}

.inputBox option{
    font-size: 14px;
    text-align: left;
}


.traitHeader .inputBox + .select-icon + .inputLine {
    margin-left:5px;
}

.select-icon {
    /* position: absolute;
    top: 4px;
    left: 82px;
    pointer-events: none;
    font-size: 12px;
    color: #00000042; */
    position: relative;
    top: -4px;
    left: -19px;
    pointer-events: none;
    font-size: 12px;
    color: #00000042;
    width: 0px;
}

.space1{
    margin-bottom: 25px;
    transition: 1s;
}

.space1constant{
    margin-bottom: 20px;
    transition: 1s;
}

.space2{
    margin-bottom: 40px;
    transition: 1s;
}

.dots{
    display:flex;
}
  
.dot.zero{
    opacity:0;
    transition: opacity 0.5s;
}

.dot.zero:hover{
    opacity:1;
    transition: opacity 0.5s;
    transform: none; 
}

.dot.zero > span{
    background:none;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Pictos;
    font-size:10px;
    color: #b3b3b3;
}  

.dot.zero:hover > span{
    width: 14px;
    height: 14px;
    transform: scale(1);
    /* border-radius: 50%; */
    background: none;
    transition: transform 1s;
    clip-path: polygon(50% 0%, 5% 25%, 5% 75%, 50% 100%, 95% 75%, 95% 25%); 
}

/* Configure the button styling. This example makes it look like a radio. */
button.dot {
    padding: 0;
    border: none;
    cursor: pointer;
    width: 14px;
    height: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 0.3s;
    background-color:#262626;
    font-size: 19px;
    margin-left: 1px;   
}

button.dot::before {
    padding: 0;
    cursor: pointer;
    min-width: 12px;
    height: 12px;
    display: flex;
    justify-content: center;
    align-items: center;    
    background-color: #ffffff;
    content: "";
    position: relative;
    left: 7px;
}


button.dot:hover {
    transform: scale(1.3);  
}

button.dot:focus { 
    outline: none;  
}

button.dot > span{
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 14px;
    height: 14px;
    transform: scale(1);
    /* border-radius: 50%; */
    background: #393939;;
    transition: transform 1s;   
    position: relative;
    left: -6px;
}

.hexagon,
.hexagon::before,
.hexagon > span{
    clip-path: polygon(50% 0%, 5% 25%, 5% 75%, 50% 100%, 95% 75%, 95% 25%);
}


.triangle,
.triangle::before,
.triangle > span{
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
}

.circle,
.circle::before,
.circle > span{
    clip-path: circle(40%);
}

.diamond
.diamond::before,
.diamond > span{
    clip-path: circle(40%);
}

.sourceDots .sourceExpended button.dot.rectangle{
    background: white;
    border-style: solid;
    border-width: 1px;
    width: 12px;
    height: 12px;
    border-color: #2b2b2b;   
}



.dot.rectangle::before{
    display:none;
}

.dot.rectangle > span{
    left: 0px;
}



input.dot[value="0"] ~ button.gt-0 > span.checked,
input.dot[value="1"] ~ button.gt-1 > span.checked,
input.dot[value="2"] ~ button.gt-2 > span.checked,
input.dot[value="3"] ~ button.gt-3 > span.checked,
input.dot[value="4"] ~ button.gt-4 > span.checked,
input.dot[value="5"] ~ button.gt-5 > span.checked,
input.dot[value="6"] ~ button.gt-6 > span.checked,
input.dot[value="7"] ~ button.gt-7 > span.checked,
input.dot[value="8"] ~ button.gt-8 > span.checked,
input.dot[value="9"] ~ button.gt-9 > span.checked{
    transform: scale(0);
    transition: transform 1s;  
}


.dots .gt-5,
.dots .gt-6,
.dots .gt-7,
.dots .gt-8,
.dots .gt-9{
    display:none;
}

.dot[value="5"] ~ .gt-5,
.dot[value="6"] ~ .gt-5,
.dot[value="7"] ~ .gt-5,
.dot[value="8"] ~ .gt-5,
.dot[value="9"] ~ .gt-5,
.dot[value="10"] ~ .gt-5{
    display:flex;
}


.dots .fifthDot{
    margin-left: 5px;
}




/* ++++ - TraitLine Section - +++++ */
.traitHeader{
    display:flex;
    width: 100%;
    display: flex;
    align-items: flex-end; 
    height: 26px;
}  

.traitHeader .inputLine{
    margin-left: 0px;
    margin-right: 5px;
}


.traitHeader .spanExpander{
    margin-top: -3px;
    margin-right: -13px;
    margin-left: 3px;
    font-size: 12px;
}

.traitHeader .dots{
    padding-bottom: 3px;
}

.repeatingContainer{
    margin-bottom: 1px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}
/* ++++ - Fim TraitLine Section - +++++ */





/* ++++ - Custom Repeated Section - +++++ */

/* ==== - Positioning - ===== */
.customRepeating{
    display: flex;
    flex-wrap: wrap;
}

.pSection .customRepeating .title,
.pSection .customRepeating .title2,
.pTwinSection .customRepeating .title,
.pTwinSection .customRepeating .title2{
    order: -2;
    width: 85%;
}

.repcontainer{
    width: 100%;
}

.customRepeating > .repcontrol{
    display: flex;
    justify-content: flex-end;
    order: -1;
    width: 15%;
    border: 1px solid #00000000;
    border-left: none;
    width: calc(15% - 2px);  
    transition: 1s;   
}

.customRepeating > .title ~ .repcontrol{   
    height: 45px;   
}

.customRepeating > .title2 ~ .repcontrol{   
    height: 35px;   
}

.customRepeating .titleLabel{
    margin-left: 17%;
}

.TCGifts .repitem,
.mega-edge .repitem,
.TCQuantumPowers .repitem,
.TCAnimaAspects .repitem{
    margin-top: 7px;
}

/* ==== - Fim Positioning - ===== */



/* ==== - Styling +Add, Modify, Confirm buttons - ===== */
.customRepeating .repcontrol_edit, 
.customRepeating .repcontrol_add{ /* ==== - Positioning and Hide vanilla Buttons - ==== */
    visibility: hidden;
    color: rgb(255, 255, 255);
    box-shadow:none;
    text-shadow:none;
    padding-top: 10px;
}



.customRepeating .repcontrol_add::after, 
.customRepeating .repcontrol_edit::after { /* ==== - Making visible and Styling New Buttons - ++++ */
    background-color:none;
    visibility: visible;
    margin-left:-46px;
    font-family: 'Pictos';
    font-size: 18px;
}


.customRepeating .repcontrol_add::after  { /* ==== - Inserting contendo +Add Button - ++++ */
    content: "&";
    
}


.customRepeating .repcontrol_edit::after { /* ==== - Inserting contendo Modify Button - ++++ */
    content: "W";
    
}


.customRepeating > .editmode + 
.repcontrol > .repcontrol_edit::after {/* ==== - Inserting content Confirm Buttons - ++++ */
    content: "3";
}


/* ==== - Fim Styling +Add, Modify, Confirm buttons - ===== */

/* ==== - Styling Delete, Move Buttons - ==== */

.charsheet .repcontainer .repitem .itemcontrol .repcontrol_del { /* ==== - Overlap Delete Button - ++++ */ 
    position: absolute;
    z-index: 99999 !important;
    right: 0px;
}


.charsheet .repcontainer .repitem .itemcontrol .repcontrol_move { /* ==== - Overlap Move Button - ++++ */
    cursor: move;
    position: absolute;
    z-index: 99999 !important;
}

/* ==== - Styling +Add, Modify, Confirm buttons- ==== */

/* ++++ - Fim Custom Repeated Section - +++++ */




/* ++++ -Select Input Title - +++++ */




.selectableTitle{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.pTwinSection .titleSelectInputContainer ~ .title2{
    width: 85%;
}


.inputTitle{   
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0px;
    width: 85%;
    margin-right: 16%;
    font-size: 27px;
    font-weight: bold;  
    background: transparent;
    border: none;
    pointer-events: none;
    user-select: none;
    /* padding-right: 7%; */
}

.inputTitleSelectable{   
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 0px;
    width: 85%;
    margin-right: 16%;
    font-size: 27px;
    font-weight: bold;  
    background: transparent;
    border: none;
    /* padding-right: 7%; */
}


.titleSelectInputContainer {
	display: flex;
	width: calc(15% - 2px);
    max-width: 15%;
	height: 35px;
    align-items: center;
    border: 1px solid #ff000000;
    border-right: none;   
}


.titleSelectInput {
	background: transparent;
	border: none;
	font-size: 15px;
	height: 100%;
	width: 17px;
	appearance: none;
	color: transparent;
	margin-right: -5px;
	margin-left: 10px;
    margin-bottom: 0px;
}

.titleSelectInput option{
    color:black;
    font-weight: normal;
}


.changeTitleIcon{
    font-family: pictos;
    pointer-events: none;
    color:white;
    font-size: 18px;
    position: relative;
    right: 11px;
    user-select: none;
    opacity: 0.2;
    transition: opacity 0.3s;
    padding-top: 4px;
}


.titleSelectInputContainer:hover .changeTitleIcon{
    opacity: 1;
    transition: opacity 0.3s;
}

/* ++++ -Fim Select Input Title - +++++ */


/* ++++ -Select Input Title and  Select Input Title- +++++ */
.selectableTitle.customRepeating .titleSelectInputContainer{
    order: -3;
}

.selectableTitle.customRepeating .title2{
    width: calc(70% + 2px);
}

.selectableTitle.customRepeating .title2 .inputTitle{
    margin-right: 0px;
    width: 100%;
}




/* ++++ -FIM Select Input Title and  Select Input Title- +++++ */





.divisor{
    display: flex;
    justify-content: center;
    align-items: center; 
    margin-top: 10px;
    margin-bottom: 8px;     
}

.line{
    border-top: 1px solid #B0B0B0;
    flex-grow: 1;
    margin: 10px;
}

.divisorLabel{
    font-size: 15px;
    margin-left: 5px;
    margin-right: 5px;
    color: #4D4D4D;
}

.sourceDots{
    margin-top: 22px;
    width: 80%;
    max-width: 500px;
}

.pseudoDisplay .sourceDots button{
    display:flex
}


.sourceDots .sourceMax button.dot{
    transform: scale(1.47);
    background: #4f4f4f;
    margin-left: 5px;
    margin-right: 5px;
}

.sourceDots .sourceExpended button.dot{
    transform: scale(1.2);
    background: #4f4f4f;
    margin-left: 5px;
    margin-right: 5px;
}

.boxPoints{
    width: 93%;
    margin-top: -4px;
}

.boxPoint input{
    width: 90%;
    font-size: 19px;
    appearance: none;
    -moz-appearance: textfield;
    border-radius: 0px;
    text-align:center;
    border: none;
    background:transparent;
    padding: 0px;
    -webkit-padding-start: 24%;
    margin-top: 0px;    
}

.boxPoint .boxPointTitle ~ input{
    margin-top: -2px;
}

.boxPoint select{
    width: 65px;
    margin-bottom: 0px;
    border: none;
    border-radius: 0;
    appearance: none;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.boxPoint input:hover{
    -moz-appearance: auto;  
    padding-left: 27%;
    -webkit-padding-start: 24%;
}

.boxPointTitle{
    font-size: 12px;
    width: auto;
    color: #4f4f4f;
    text-align: center;
}




/* ############### - FIM STRUCTURE - ################ */








/* ////////////////  INITIAL COLORS - //////////////// */
.primaryColorBackground{
    background-color: #475353;    
}

.secondaryColorBackground{
    background-color: #DFDFDF;
}

.tertiaryColorBackground{
    background-color: #848484;
}

.colorQuaternay{
    background-color: #F5F5F5;
}

.colorFont{
    color:white;
}

input.primaryColorFont::placeholder{
    opacity: .5;
}
/* ////////////////  FIM INITIAL COLORS - //////////////// */


/* ////////////////// - DEFAULT THEME - ////////////////// */

/* +++++++++++++++++ - Logo - +++++++++++++++++ */
.colorOverHide[value="default"] ~* .logoBaseline,
.colorOverHide[value="default"] ~* .logoTalent,
.colorOverHide[value="default"] ~* .logoNova,
.colorOverHide[value="default"] ~* .logoPsion,
.colorOverHide[value="default"] ~* .logoAdventure,
.colorOverHide[value="default"] ~* .logoVintage,
.colorOverHide[value="default"] ~* .logoAnima,
.colorOverHide[value="default"] ~* .logoAether,
.colorOverHide[value="default"] ~* .logoAssassin,
.colorOverHide[value="default"] ~* .logoNPC{
    display: flex;
    position: absolute;
    opacity: 0;
    z-index: 0;
    transition: opacity 1s 1s;
    justify-content: center;
}

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .logoBaseline,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .logoBaseline,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .logoBaseline,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .logoBaseline{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .logoTalent,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .logoTalent{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }
 
 .colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .logoNova,
 .colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .logoNova,
 .colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .logoNova{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }
 
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .logoPsion,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .logoPsion{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
}


.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .logoAdventure,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .logoAdventure,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .logoAdventure{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
}


 
/* .colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .logoVintage,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .logoVintage,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .logoVintage{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
} */

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .logoAnima{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
}


.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .logoAether,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .logoAether,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .logoAether{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }


 .colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .logoAssassin{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .logoNPC{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }


.logoSynth{
     display:none;
 }

.logoSynth {
    margin-top: -10px;
    justify-content: center;
    align-items: center;
    mix-blend-mode: lighten;
    margin-top: -47px;
    backdrop-filter: blur(0px);
}

.logoSynthBackground{
    opacity: .9;
}

.logoSynthGlow {
    position: absolute;
    mix-blend-mode: screen;
    margin-top: -6px;
    margin-left: -1px;  
}

.logoSynthGlow.secondary{
    opacity: .5;
}

 /* +++++++++++++++++ - Fim Logo - +++++++++++++++++ */


.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="npc"] ~* .colorFont
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~* .colorFont

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .colorFont{
    transition: background-color 1s, color 1s;  
}





/* //////////////////// - NEUTRAL THEME - //////////////////// */

.colorOverHide[value="neutral"] ~* .logoBaseline{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay,

.colorOverHide[value="neutral"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="neutral"] ~* .primaryColorBackground,
.colorOverHide[value="neutral"] ~* .customRepeating > .repcontrol{
    background-color: #475353;
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground,

.colorOverHide[value="neutral"] ~* .secondaryColorBackground{
    background-color: #DFDFDF;   
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground,

.colorOverHide[value="neutral"] ~* .tertiaryColorBackground{
    background-color: #848484;
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .colorFont,

.colorOverHide[value="neutral"] ~* .colorFont{
    color:white;
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .primaryColorFont,

.colorOverHide[value="neutral"] ~* .primaryColorFont{
    color: #475353;
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arenas,
.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~*.arena.central,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="hard"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="hard"] ~* .arena.central,

.colorOverHide[value="neutral"] ~*.arenas,
.colorOverHide[value="neutral"] ~*.arena.central{
    outline-color: #646464;
    border-color: #646464;
}



.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="neutral"] ~* input[type="checkbox"]:checked{
    background-color: #848484;   
}



.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .pathLabel,
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #686868;
    color: white;    
}



.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#686868;
}



.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#939393;
    color: white;
}



.colorOverHide[value="neutral"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#686868;
}


/* ////////////////// - FIM NEUTRAL THEME - ////////////////// */


/* //////////////////// - FLUX THEME - //////////////////// */

.colorOverHide[value="flux"] ~* .logoTalent{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .pseudoDisplay,

.colorOverHide[value="flux"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="flux"] ~* .primaryColorBackground,
.colorOverHide[value="flux"] ~* .customRepeating > .repcontrol{
    background-color: #005B7F;
    transition: 1s;     
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground,

.colorOverHide[value="flux"] ~ .secondaryColorBackground,
.colorOverHide[value="flux"] ~* .secondaryColorBackground{
    background-color: #D7E8EF;   
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .tertiaryColorBackground,

.colorOverHide[value="flux"] ~* .tertiaryColorBackground{
    background-color: #2485AC;
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont,

.colorOverHide[value="flux"] ~* .colorFont{
    color:white;
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont,

.colorOverHide[value="flux"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="flux"] ~* .primaryColorFont::placeholder{
    color: #005B7F;
}



.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .arena.central,

.colorOverHide[value="flux"] ~* .arenas,
.colorOverHide[value="flux"] ~* .arena.central{
    outline-color: #4C98B6;
    border-color: #4C98B6;
}

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="flux"] ~* input[type="checkbox"]:checked{
    background-color: #2485AC;   
}


.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #005B7F;;
    color: white;    
}

.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#005B7F;;
}

.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#2485AC;
    color: white;
}

.colorOverHide[value="flux"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#2485AC;
}

/* ////////////////// - FIM FLUX THEME - ////////////////// */





/* //////////////////// - QUANTUM THEME - //////////////////// */
.colorOverHide[value="quantum"] ~* .logoNova{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}

.colorOverHide[value="default"] + .selectedTier[value="nova"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~ .pseudoDisplay,

.colorOverHide[value="quantum"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="quantum"] ~* .primaryColorBackground,
.colorOverHide[value="quantum"] ~* .customRepeating > .repcontrol{
    background-color: black; 
    transition: background-color 1s;    
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground,

.colorOverHide[value="quantum"] ~* .secondaryColorBackground{
    background-color: #FEE7DC;   
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .tertiaryColorBackground,

.colorOverHide[value="quantum"] ~* .tertiaryColorBackground{
    background-color: #D1D1D1;
    border-color: #AFAFAF;
    border-style: solid;
    border-width: 1px;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont,

.colorOverHide[value="quantum"] ~* .colorFont {
    color:#FEC00F;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont,

.colorOverHide[value="quantum"] ~* .pathLabel.colorFont {
	color: #555;
}




.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .circumstHeader .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .circumstHeader .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .circumstHeader .pathLabel.colorFont,

.colorOverHide[value="quantum"] ~* .circumstHeader .pathLabel.colorFont{
    color:#bfbfbf;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont,

.colorOverHide[value="quantum"] ~* .primaryColorFont,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="quantum"] ~* .primaryColorFont::placeholder{
    color: black;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .arena.central,

.colorOverHide[value="quantum"] ~* .arenas,
.colorOverHide[value="quantum"] ~* .arena.central{
    outline-color: rgb(0, 0, 0);
    border-color: black;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .customRoll .numberHider,
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .custominitiative .numberHider,


.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .customRoll .numberHider,
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .custominitiative .numberHider,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .customRoll .numberHider,
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .custominitiative .numberHider,


.colorOverHide[value="quantum"] ~* .customRoll .numberHider,
.colorOverHide[value="quantum"] ~* .custominitiative .numberHider{
    background:#FEC00F;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="quantum"] ~* .rollEndingSectionInner.tertiaryColorBackground{
    background-color:#575757;
}


.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont,

.colorOverHide[value="quantum"] ~* .pathLabel.colorFont{
    color:#555;
}


.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="quantum"] ~* input[type="checkbox"]:checked{
    background-color: #6f5200;   
}



.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .pathLabel,
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #686868;
    color: white;    
}



.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#686868;
}



.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#939393;
    color: white;
}

.colorOverHide[value="quantum"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#686868;
}



.colorOverHide[value="quantum"] ~* .tertiaryColorBackground.forte{
    background-color: #808080;    
}


.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .tertiaryColorBackground.forte{    
    background-color: #808080;
    border-color: black;    
    
}

/* ////////////////// - FIM QUANTUM THEME - ////////////////// */



/* ////////////////// - FIM PSI THEME - ////////////////// */
.colorOverHide[value="psi"] ~* .logoPsion{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~ .pseudoDisplay

.colorOverHide[value="psi"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="psi"] ~* .primaryColorBackground,
.colorOverHide[value="psi"] ~* .customRepeating > .repcontrol{
    background-color: #A5181C;   
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .secondaryColorBackground,

.colorOverHide[value="psi"] ~* .secondaryColorBackground{
    background-color: #F0DED6;   
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .tertiaryColorBackground,

.colorOverHide[value="psi"] ~* .tertiaryColorBackground{
    background-color: #C83C20;
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .colorFont,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .colorFont,

.colorOverHide[value="psi"] ~* .colorFont{
    color:white;
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .primaryColorFont,

.colorOverHide[value="psi"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="psi"] ~* .primaryColorFont::placeholder{
    color: #A5181C;
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .arena.central,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .arena.central,

.colorOverHide[value="psi"] ~* .arenas,
.colorOverHide[value="psi"] ~* .arena.central{
    outline-color: rgb(172, 30, 30);
    border-color: rgb(172, 30, 30);
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* .rollEndingSectionInner.tertiaryColorBackground,

.colorOverHide[value="psi"] ~* .rollEndingSectionInner.tertiaryColorBackground{
    background-color:#CA543D;
}



.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="qin"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="varg"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="equipment"] ~ .selectedTech[value="noetic"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="default"] + .selectedTier[value="biosuit"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="psi"] ~* input[type="checkbox"]:checked{
    background-color: #c83c20;   
}




.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #A5181C;
    color: white;    
}



.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#A5181C;
}



.colorOverHide[value="psi"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#C83C20;
    color: white;
}



.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#C83C20;
}
/* ////////////////// - FIM PSI THEME - ////////////////// */ 






/* ////////////////// - SOURCE THEME - ////////////////// */
.colorOverHide[value="source"] ~* .logoNPC{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}


.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay,

.colorOverHide[value="source"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}


.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="source"] ~* .primaryColorBackground,
.colorOverHide[value="source"] ~* .customRepeating > .repcontrol{
    background-color: #80407E;   
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground,

.colorOverHide[value="source"] ~* .secondaryColorBackground{
    background-color: #E4DDEB;   
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground,

.colorOverHide[value="source"] ~* .tertiaryColorBackground{
    background-color: #A465A1;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont,

.colorOverHide[value="source"] ~* .colorFont{
    color:#ffffff;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont,

.colorOverHide[value="source"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="source"] ~* .primaryColorFont::placeholder{
    color: #80407E;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .arena.central,

.colorOverHide[value="source"] ~* .arenas,
.colorOverHide[value="source"] ~* .arena.central{
    outline-color: #80407E;
    border-color: #80407E;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="source"] ~* input[type="checkbox"]:checked{
    background-color: #a465a1;   
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel,

.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #80407E;
    color: white;    
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont,

.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#80407E;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel,

.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#A465A1;
    color: white;
}



.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont,

.colorOverHide[value="source"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#936590;
}


/* ////////////////// - FIM SOURCE THEME - ////////////////// */ 









/* //////////////////// - ADVENTURE THEME - //////////////////// */

.colorOverHide[value="adventure"] ~* .logoAdventure{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .pseudoDisplay,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .pseudoDisplay,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .pseudoDisplay,

.colorOverHide[value="adventure"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"]  ~* .customRepeating > .repcontrol,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"]  ~* .customRepeating > .repcontrol,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"]  ~* .customRepeating > .repcontrol,

.colorOverHide[value="adventure"] ~* .primaryColorBackground,
.colorOverHide[value="adventure"] ~* .customRepeating > .repcontrol{
    background-color: #9B0618;
    /* background-color: #c62f28; */
    /* background-color: #84071a;     */
    transition: 1s;     
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"]  ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"]  ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"]  ~* .secondaryColorBackground,


.colorOverHide[value="adventure"] ~ .secondaryColorBackground,
.colorOverHide[value="adventure"] ~* .secondaryColorBackground{
    background-color: #F0E8D2;   
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .tertiaryColorBackground,

.colorOverHide[value="adventure"] ~* .tertiaryColorBackground{
    background-color: #A23946;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .colorFont,

.colorOverHide[value="adventure"] ~* .colorFont{
    color:#F9EABF;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .primaryColorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .primaryColorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .primaryColorFont,

.colorOverHide[value="adventure"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .primaryColorFont::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .primaryColorFont::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="adventure"] ~* .primaryColorFont::placeholder{
    color: #9B0618;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* .arena.central,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* .arena.central,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* .arena.central,

.colorOverHide[value="adventure"] ~* .arenas,
.colorOverHide[value="adventure"] ~* .arena.central{
    outline-color: #9B0618;
    border-color: #9B0618;
}


.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* input[type="checkbox"],
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* input[type="checkbox"],
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* input[type="checkbox"],

.colorOverHide[value="adventure"] ~* input[type="checkbox"]{
    border-radius: 0;
    background: transparent;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* input[type="checkbox"]::before,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* input[type="checkbox"]::before,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* input[type="checkbox"]::before,

.colorOverHide[value="adventure"] ~* input[type="checkbox"]::before{
    background-color: #F9EABF;
}




.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"] ~* input[type="checkbox"]:checked,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"] ~* input[type="checkbox"]:checked,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="adventure"] ~* input[type="checkbox"]:checked{
    background-color: #9B0618;   
}


.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"]  ~ * .singleCustomRoll.defaultRollingDisplay .numberHider, 
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"]  ~ * .singleCustomRoll.defaultRollingDisplay .numberHider, 
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"]  ~ * .singleCustomRoll.defaultRollingDisplay .numberHider, 

.colorOverHide[value="adventure"] ~ * .singleCustomRoll.defaultRollingDisplay .numberHider {
    background: #F9EABF;
}


.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"]  ~ * .customRepeating .repcontrol_edit,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"]  ~ * .customRepeating .repcontrol_edit,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"]  ~ * .customRepeating .repcontrol_edit,

.colorOverHide[value="adventure"] ~ * .customRepeating .repcontrol_edit{   
    color: rgb(249, 234, 191);   
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="daredevil"]  ~ * .customRepeating .repcontrol_add,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="mesmerist"]  ~ * .customRepeating .repcontrol_add,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="stalwart"]  ~ * .customRepeating .repcontrol_add,

.colorOverHide[value="adventure"] ~ * .customRepeating .repcontrol_add{   
    color: rgb(249, 234, 191);   
}



.colorOverHide[value="adventure"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #9B0618;;
    color: white;    
}

.colorOverHide[value="adventure"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#9B0618;;
}

.colorOverHide[value="adventure"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#E13146;
    color: white;
}

.colorOverHide[value="adventure"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#E13146;
}

/* ////////////////// - FIM ADVENTURE THEME - ////////////////// */












/* ////////////////// - VINTAGE THEME - ////////////////// */
.colorOverHide[value="vintage"] ~* .logoVintage{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="vintage"] ~* .pseudoDisplay{
    background-color: #EEE7D7;   
    transition: background-color 1s;  
}



.colorOverHide[value="vintage"] ~* .primaryColorBackground,
.colorOverHide[value="vintage"] ~* .customRepeating > .repcontrol{
    background-color: #4D4D4D;   
    transition: background-color 1s;  
}



.colorOverHide[value="vintage"] ~* .secondaryColorBackground{
    background-color: #D9D0BD;   
}



.colorOverHide[value="vintage"] ~* .tertiaryColorBackground{
    background-color: #676561;
}



.colorOverHide[value="vintage"] ~* .colorFont{
    color:#EEE7D7;
}



.colorOverHide[value="vintage"] ~* .primaryColorFont{
    color: #4D4D4D;
}



.colorOverHide[value="vintage"] ~* .arenas,
.colorOverHide[value="vintage"] ~* .arena.central{
    outline-color: #676561;
    border-color: #676561;
} 



.colorOverHide[value="vintage"] ~* button.dot::before{
    background-color: #EEE7D7;
}



.colorOverHide[value="vintage"] ~* button.dot > span{
    background: #515151;
}



.colorOverHide[value="vintage"] ~* .pseudoDisplay .dot.rectangle{
    background: #eee7d7;
}



.colorOverHide[value="vintage"] ~* .pathTabContent{
    background-color: #F4F1EA;
}



.colorOverHide[value="vintage"] ~* .aptitude{
    background-color: #dbd5c6;
    border-color: #00000021;
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude {
    background: #c3bdb0;
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
    background-color: #333;
    color: white;
    font-style: italic;
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
    color:#333;   
}



.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode1, 
.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode2, 
.colorOverHide[value="vintage"] ~* .aptitudeModes .aptitudeMode3,
.colorOverHide[value="vintage"] ~* .basicMode{
    border-color: #9F9F9F;
}



.colorOverHide[value="vintage"] ~* .aptitudeModeLevelsContainer {
    background: #E3DED2;
}



.colorOverHide[value="vintage"] ~* .aptitudeModeExpandedArea {
    background: #eeeadf;   
}



.colorOverHide[value="vintage"] ~* .aptitudeModeExpandedArea .description {
    background: #f4f3ef;
}


.colorOverHide[value="vintage"] ~* input[type="checkbox"]:checked{
    background-color: #676561;   
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #4f4f4f;
    color: white;    
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#4f4f4f;
}

.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#6c6c6c;
    color: white;
}



.colorOverHide[value="vintage"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#6f6f6f;
}


/* ////////////////// - FIM VINTAGE THEME - ////////////////// */ 











/* //////////////////// - ANIMA THEME - //////////////////// */


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRoll .defaultRollingDisplay.singleCustomRoll,

.colorOverHide[value="fulgurtech"] ~* .customRoll .defaultRollingDisplay.singleCustomRoll{
    font-family: oxanium;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .custominitiative .defaultRollingDisplay.singleCustomRoll,

.colorOverHide[value="fulgurtech"] ~* .custominitiative .defaultRollingDisplay.singleCustomRoll{
    font-family: oxanium;
} 


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* select option,

.colorOverHide[value="fulgurtech"] ~* select option{   
    background: #001715;
    color: #24dbd6;  
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* select option:hover,

.colorOverHide[value="fulgurtech"] ~* select option:hover{   
    background: #001715;
    color: #24dbd552;  
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .readerTrait .tier .inputLine option.optionTitle,

.colorOverHide[value="fulgurtech"] ~* .readerTrait .tier .inputLine option.optionTitle{   
    background: #00fff8;
    color: #001715;
    font-weight: 600;  
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tier .inputLine option:disabled,

.colorOverHide[value="fulgurtech"] ~* .tier .inputLine option:disabled{
    color: #24dbd691;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody .pseudoDisplay .customRoll .defaultRollingDisplay option,

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .customRoll .defaultRollingDisplay option{   
    background: #001715;
    color: #24dbd6;  
}






.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs,

.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs{   
    background: black; 
    transition: 1s;  
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav-tabs,

.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav-tabs{
    border-color: #41fcf6;
    transition: 1s;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav > li > a,

.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav > li > a{
    color: #298e8b;
    transition: 1s;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .customNav-Tabs .nav > li > a[data-tab="charsheet"],

.colorOverHide[value="fulgurtech"] ~ .customNav-Tabs .nav > li > a[data-tab="charsheet"]{
    color: #000000;
    cursor: default;
    background-color: #59fffa;
    border: 1px solid #59fffa;
      border-bottom-color: #dddddd;
    border-bottom-color: transparent;
    border-radius: 0;
    transition: 1s;
    font-family: oxanium;
    font-weight: 500; 
    text-decoration: none;
}



.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontainer .repitem .itemcontrol,

.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~ * .repcontainer .repitem .itemcontrol {
    background-color: rgba(0, 255, 246, 0.24);
}



.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_move,
.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del,

.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_move,
.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del{
    border-radius: 0;
    background-color: #41fcf6;
    background-image: none;
    border-color: #41fcf6;
    font-size: 24px;
    font-weight: bold;
    color: black;
    padding-left: 7px;
    padding-right: 7px;
    text-shadow: none;
    height: 16px;
}


.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del,

.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del{
    color: #41fcf6;
    font-size: 0px;
}



.ui-dialog .charsheet .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol_del::before,

.ui-dialog .charsheet .colorOverHide[value="fulgurtech"] ~* .repcontrol_del::before{
    content: "delete";
    font-family: "Material Icons";
    color: #000;
    font-size: 20px;   
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoNav button,

.colorOverHide[value="fulgurtech"] ~ .pseudoBody,
.colorOverHide[value="fulgurtech"] ~* .pseudoNav button {   
    background: black;  
    transition: background-color 1s;
    color: #00bdb3;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay,

.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
.colorOverHide[value="fulgurtech"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"],
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay{
    border-color: #008D88;
    background-color: #001715;
    color: #59fffa;    
    /* transition: 1s;           */
}


.colorOverHide[value="fulgurtech"] ~* .logoAnima{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay{
    transition: 1s;    
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .modalBackground,

.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .modalBackground{
    background-color: black;
    opacity: 0.8;
} 


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"],

.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]{
    border-color: #00bdb7;
    border-radius: 0;
    background: transparent;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"]::before,

.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]::before{
    background-color: black;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="fulgurtech"] ~* input[type="checkbox"]:checked{
    background-color: #00fff7;
    border-color: #00fff7;
}

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ input::placeholder,

.colorOverHide[value="fulgurtech"] ~ * input::placeholder,
.colorOverHide[value="fulgurtech"] ~ input::placeholder{
    color: #00FFF6;
    opacity: .5;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ input,

.colorOverHide[value="fulgurtech"] ~ * input,
.colorOverHide[value="fulgurtech"] ~ input{
    color: #00FFF6;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons span.secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons div a.secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons .secondaryColorBackground input,

.colorOverHide[value="fulgurtech"] ~* .summaryButtons span.secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~* .summaryButtons div a.secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~* .rollButtons .secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~* .rollButtons .secondaryColorBackground input{
    background-color: #72fffa;
    border-color: #001715;
    background-color: #72fffa;
    color: #00403a;
    font-weight: 600;
    transition: 1s;   
    
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .summaryButtons span.secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .rollButtons span,

.colorOverHide[value="fulgurtech"] ~* .summaryButtons span.secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~* .rollButtons span{
    color: #001715;
    font-weight: 500;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="fulgurtech"] ~* .primaryColorBackground,
.colorOverHide[value="fulgurtech"] ~* .customRepeating > .repcontrol{
    background-color: #00403E;
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .secondaryColorBackground,

.colorOverHide[value="fulgurtech"] ~* .secondaryColorBackground{
    background-color: #002726;   
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .tertiaryColorBackground,

.colorOverHide[value="fulgurtech"] ~* .tertiaryColorBackground{
    background-color: #001715;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .colorFont,

.colorOverHide[value="fulgurtech"] ~* .colorFont{
    color: #59FFFA;
    transition: 1s;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorFont,

.colorOverHide[value="fulgurtech"] ~* .primaryColorFont{
    color: #41FCF6;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="fulgurtech"] ~* .primaryColorFont::placeholder{
    color: #41FCF6;
    opacity: 0.5;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaArenas,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .arena.central,

.colorOverHide[value="fulgurtech"] ~* .arenas,
.colorOverHide[value="fulgurtech"] ~* .megaArenas,
.colorOverHide[value="fulgurtech"] ~* .arena.central{
    outline-color: #27A09B;
    border-color: #27A09B;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .dots,

.colorOverHide[value="fulgurtech"] ~* .dots{
    margin-right: 6px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay button.dot{
    width: 5px;
    height: 5px;
    margin-top: 7px;
    margin-left: 7px;
    transform: skew(-25deg, 0deg);
    border: solid 1px #009D97;
    background: transparent;  
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot > span,

.colorOverHide[value="fulgurtech"] ~* button.dot > span{
    min-width: 8px;
    height: 14px;
    margin-top: -8px;         
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot > span,

.colorOverHide[value="fulgurtech"] ~* button.dot > span{
    left: 0px;
    background: #86F7F3;
    box-shadow: 0px 0px 13px #0FFFF796;
    transition: none; 
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-5 > span,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-6 > span,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-7 > span,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-8 > span,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot.gt-9 > span,

.colorOverHide[value="fulgurtech"] ~* button.dot.gt-5 > span,
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-6 > span,
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-7 > span,
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-8 > span,
.colorOverHide[value="fulgurtech"] ~* button.dot.gt-9 > span{
    height: 14px;  
}





.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* button.dot::before,

.colorOverHide[value="fulgurtech"] ~* button.dot::before{
    display: none;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon::before, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .hexagon > span,

.colorOverHide[value="fulgurtech"] ~* .hexagon, 
.colorOverHide[value="fulgurtech"] ~* .hexagon::before, 
.colorOverHide[value="fulgurtech"] ~* .hexagon > span{
    clip-path: unset;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked,

.colorOverHide[value="fulgurtech"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
.colorOverHide[value="fulgurtech"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked{
    transform: scale(1);
    transition: none;
    opacity: 0; 
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots button.dot,

.colorOverHide[value="fulgurtech"] ~* .sourceDots button.dot{
    margin-left: 0px;
    margin-right: 0px;
    width: 23px;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots .sourceExpended button.dot.rectangle,

.colorOverHide[value="fulgurtech"] ~* .sourceDots .sourceExpended button.dot.rectangle{
    border: solid 1px #009D97;
    background: transparent; 
    height: 5px;
    margin-top: 7px;   
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .sourceDots button.dot > span,

.colorOverHide[value="fulgurtech"] ~* .sourceDots button.dot > span{
    min-width: 25px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody,

.colorOverHide[value="fulgurtech"] ~ .pseudoBody {
    font-family: 'Oxanium';
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .space1,

.colorOverHide[value="fulgurtech"] ~* .space1 {
    margin-bottom: 35px;
    transition: 1s;
}





.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .input-label,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .divisorLabel,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .credTitle,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .credName,

.colorOverHide[value="fulgurtech"] ~* .input-label,
.colorOverHide[value="fulgurtech"] ~* .divisorLabel,
.colorOverHide[value="fulgurtech"] ~* .credTitle,
.colorOverHide[value="fulgurtech"] ~* .credName,
.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-1"], 
.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-2"],
.colorOverHide[value="fulgurtech"] ~ * .TCGifts .megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName {    
    color: #41FCF6;
    transition: 1s;    
}

.colorOverHide[value="fulgurtech"] ~* .powerTypeExtension div,
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTypeExtension div{
    color: #1A938F;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .inputLine,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .secondaryColorBackground .megaAttributesTag .inputLine,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .inputLine,
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .secondaryColorBackground .megaAttributesTag .inputLine,
.colorOverHide[value="fulgurtech"] ~* .aptitudeModes .aptitudeModeLevelsContainer .traitHeader .inputLine,
.colorOverHide[value="fulgurtech"] ~* .auxiliaryMode .aptitudeModeLevelsContainer .traitHeader .inputLine,
.colorOverHide[value="fulgurtech"] ~* .aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .inputLine{    
    border-bottom: 1px solid #008D88;
    color: #24DBD6;
}





.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputLine::placeholder,

.colorOverHide[value="fulgurtech"] ~* .inputLine::placeholder{    
    color: #24DBD6;
    opacity: 0.5;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .title,

.colorOverHide[value="fulgurtech"] ~* .title{
    font-family: goldman;
    font-weight: bold;
    font-size: 35px;
    transition: 1s;
    color: #41FCF6;
    border: 1px solid #41FCF6;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .title,

.colorOverHide[value="fulgurtech"] ~* .customRepeating .title{
   border-right: none;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .title2,

.colorOverHide[value="fulgurtech"] ~* .title2{
    font-family: goldman;
    font-weight: bold;
    font-size: 30px;
    transition: 1s;
    color: #41FCF6;
    border: 1px solid #41FCF6;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .title2,

.colorOverHide[value="fulgurtech"] ~* .customRepeating .title2{
   border-right: none;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .selectableTitle .title2,

.colorOverHide[value="fulgurtech"] ~* .selectableTitle .title2{
    border-left: none;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .transcendence.selectableTitle .title2 .inputTitle,

.colorOverHide[value="fulgurtech"] ~* .transcendence.selectableTitle .title2 .inputTitle{
    width: 90%;
    margin-right: 10%;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .customRepeating .repcontrol,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .titleSelectInputContainer,

.colorOverHide[value="fulgurtech"] ~* .customRepeating .repcontrol,
.colorOverHide[value="fulgurtech"] ~* .titleSelectInputContainer{
    transition: 1s;
    color: #41FCF6;
    border-color: #41FCF6;    
}

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .changeTitleIcon, 

.colorOverHide[value="fulgurtech"] ~* .changeTitleIcon{
    color: #41FCF6;
}    



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol .repcontrol_edit,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontrol .repcontrol_add,

.colorOverHide[value="fulgurtech"] ~* .repcontrol .repcontrol_edit,
.colorOverHide[value="fulgurtech"] ~* .repcontrol .repcontrol_add{    
    color: #41FCF6;    
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* textarea,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay textarea{   
    color: #28ccc7;
    border-color: #008d88;
    border-radius: 0px;
    background-color: #0bf0dd00; 
    scrollbar-color: #59fffa #1ca8a445;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* textarea::placeholder,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay textarea::placeholder{   
    color: #28ccc7;
    opacity: .5;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .boxPoint,
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .boxPoint{
   border: none;   
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber.boxPoint input,
.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber.boxPoint input {
    font-weight: normal;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoint input,
.colorOverHide[value="fulgurtech"] ~* .anima .boxPoint input{
    padding-top: 1px;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .skills .title,

.colorOverHide[value="fulgurtech"] ~* .skills .title{
   font-size: 40px;
   transition: 1s;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkill,

.colorOverHide[value="fulgurtech"] ~* .animaSkill{
    border-color: #008D88;
    background: #001715;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillHeader,

.colorOverHide[value="fulgurtech"] ~* .animaSkillHeader{
    color: #6BFFF9;
    text-shadow: 0px 0px 10px #00E2FDBF;
    border-bottom: 1px solid #008D88;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacName,

.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacName{
    color: #06EAE2;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhac .line,

.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhac .line{
    border-top: 1px solid #CECECE00;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .line,

.colorOverHide[value="fulgurtech"] ~* .line{
    border-color: #00403E;    
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber,

.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber{
    background-color: #00403E;   
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber input,

.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber.boxPoint input{
    color: #00FFF6; 
    font-weight: initial;   
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaSkillEnhacNumber input::placeholder,

.colorOverHide[value="fulgurtech"] ~* .animaSkillEnhacNumber.boxPoint input::placeholder{
    color: #00FFF6; 
    opacity: .5;
    font-weight: initial;   
}






.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoints .boxPoint input,

.colorOverHide[value="fulgurtech"] ~* .anima .boxPoints .boxPoint input{
    padding-top: 1px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground,

.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground{
    background-color: #00CCC5;
}





.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint .boxPointTitle,

.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint .boxPointTitle{
    font-family: goldman;
    font-weight: bold;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground .boxPointTitle,

.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground .boxPointTitle{
    color: black;
    font-size: 10px;
    font-family: goldman;
    font-weight: bold;    
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input::placeholder,

.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input,
.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoints .boxPoint.secondaryColorBackground input::placeholder{
    color: black; 
    opacity: 1; 
    font-weight: bold;  
}






.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoint.animaDefense,

.colorOverHide[value="fulgurtech"] ~* .anima .boxPoint.animaDefense{
    background: #001715;
    border: 1px solid #41FCF6;
    width: 69px;
    height: 49px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .boxPoint.animaDefense .boxPointTitle,

.colorOverHide[value="fulgurtech"] ~* .anima .boxPoint.animaDefense .boxPointTitle{
    font-size: 10px;
    color: #41FCF6;
    opacity: 1;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .anima .animaHealth .boxPoint.animaDefense input::placeholder,

.colorOverHide[value="fulgurtech"] ~* .anima .animaHealth .boxPoint.animaDefense input::placeholder{
     opacity: 1;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects,

.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects{
    margin-top: 12px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects .title2 .titleLabel,
.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects .title2 .titleLabel{
    font-size: 35px;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathLabel,

.colorOverHide[value="fulgurtech"] ~* .pathLabel{
  background-color: #41FCF6;
  color: black;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .spanExpander,

.colorOverHide[value="fulgurtech"] ~* .spanExpander{
    color: #008D88;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown,

.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown{	
	border-bottom: 1px solid #00D0C9;	
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPower .inputPathName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdge .inputPathName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .superiorPower .inputPathName:placeholder-shown,

.colorOverHide[value="fulgurtech"] ~* .quantumPower .inputPathName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~* .megaEdge .inputPathName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~* .superiorPower .inputPathName:placeholder-shown{
    background-color: transparent;    
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabButtons button,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabButtons button,

.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabButtons button,
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabButtons button{
    color: #41fcf6ad;
}    




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-1-traits"] ~ * button[name="act_quantum-power-1-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-1-description"] ~ * button[name="act_quantum-power-1-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-2-traits"] ~ * button[name="act_quantum-power-2-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabsToggle[value="quantum-power-2-description"] ~ * button[name="act_quantum-power-2-description"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-1-traits"] ~ * button[name="act_mega-edge-1-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-1-description"] ~ * button[name="act_mega-edge-1-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-2-traits"] ~ * button[name="act_mega-edge-2-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTabsToggle[value="mega-edge-2-description"] ~ * button[name="act_mega-edge-2-description"],

.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-1-traits"] ~ * button[name="act_quantum-power-1-traits"], 
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-1-description"] ~ * button[name="act_quantum-power-1-description"], 
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-2-traits"] ~ * button[name="act_quantum-power-2-traits"], 
.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabsToggle[value="quantum-power-2-description"] ~ * button[name="act_quantum-power-2-description"],
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-1-traits"] ~ * button[name="act_mega-edge-1-traits"], 
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-1-description"] ~ * button[name="act_mega-edge-1-description"], 
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-2-traits"] ~ * button[name="act_mega-edge-2-traits"], 
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTabsToggle[value="mega-edge-2-description"] ~ * button[name="act_mega-edge-2-description"]{
    background-color: #001715;
    border-color: #008D88;  
    color: #41FCF6; 
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .pathTabContent,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPowerTabContent,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .megaEdgeTabContent,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTabContent,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .rollMiddleSection1,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .cRDescriptionTab,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .circumstExpanded,

.colorOverHide[value="fulgurtech"] ~ * .quantumPowerTabContent,
.colorOverHide[value="fulgurtech"] ~ * .megaEdgeTabContent,
.colorOverHide[value="fulgurtech"] ~ * .weaponTabContent,
.colorOverHide[value="fulgurtech"] ~ * .pathTabContent,
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .rollMiddleSection1,
.colorOverHide[value="fulgurtech"] ~ * .cRDescriptionTab,
.colorOverHide[value="fulgurtech"] ~ * .circumstExpanded,
.colorOverHide[value="fulgurtech"] ~ * .basic-modeExpandedArea,
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModeLevelsContainer,
.colorOverHide[value="fulgurtech"] ~ * .aptitudeProxyLevel .aptitudeProxyLevelsContainer{
    background: #001715;
    border-color: #008d88;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .traitHeader, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .expandedArea,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea

.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .traitHeader, 
.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .expandedArea,
.colorOverHide[value="fulgurtech"] ~* .repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
    z-index: 3;
    background: #001715;
    border: 1px solid #008d88;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .expanderFlagModal[value="1"] ~ .traitHeader,

.colorOverHide[value="fulgurtech"] ~* .expanderFlagModal[value="1"] ~ .traitHeader{
    z-index: 3;
    background: #022f2a;
    border: 1px solid #008d88;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTagsContainer,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTagsContainer,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .defaultRollingDisplay .customRollExpandedArea .rollMiddleSection2,

.colorOverHide[value="fulgurtech"] ~* .quantumPowerTagsContainer,
.colorOverHide[value="fulgurtech"] ~* .megaEdgeTagsContainer,
.colorOverHide[value="fulgurtech"] ~* .defaultRollingDisplay .customRollExpandedArea .rollMiddleSection2,
.colorOverHide[value="fulgurtech"] ~* .aptitudeModeExpandedArea{
    height: 263px;
    padding-top: 2px;
    border-color: #008d88;
    background-color: #000000;
    transition: .2s;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCAnimaAspects .quantumPowerTagsContainer,

.colorOverHide[value="fulgurtech"] ~* .TCAnimaAspects .quantumPowerTagsContainer{
    height: 165px;
} 


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdgeTagsContainer,

.colorOverHide[value="fulgurtech"] ~* .megaEdgeTagsContainer{
    height: 276px;
}




/* .colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPowerTabContent,

.colorOverHide[value="fulgurtech"] ~* .quantumPowerTabContent{
    height: 362px;
} */



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .quantumPower,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .megaEdge,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .superiorPower,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .singlePath,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll .rollTitleSectionInner,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .rollEndingSection,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ *  .TCCombatMode .TCcircumst .singleCircumst,

.colorOverHide[value="fulgurtech"] ~* .quantumPower,
.colorOverHide[value="fulgurtech"] ~* .megaEdge,
.colorOverHide[value="fulgurtech"] ~* .superiorPower,
.colorOverHide[value="fulgurtech"] ~* .singlePath,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor,
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll,
.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll .rollTitleSectionInner,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .rollEndingSection,
.colorOverHide[value="fulgurtech"] ~ * .TCCombatMode .TCcircumst .singleCircumst,
.colorOverHide[value="fulgurtech"] ~ * .basicMode,
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModes .secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~ * .auxiliaryMode{
    background-color: #002F2C;
    border-color: #008D88;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:hover, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:focus, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName:placeholder-shown,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleWeapon .weaponHeader .inputWeaponName:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleArmor .weaponHeader .inputWeaponName:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponEnhancement:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active, 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus,

.colorOverHide[value="fulgurtech"] ~* .inputPathName:hover, 
.colorOverHide[value="fulgurtech"] ~* .inputPathName:active, 
.colorOverHide[value="fulgurtech"] ~* .inputPathName:focus, 
.colorOverHide[value="fulgurtech"] ~* .inputPathName:placeholder-shown,
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:hover,
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:active, 
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle:focus,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:hover,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:active, 
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponName:focus,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:hover,
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:active, 
.colorOverHide[value="fulgurtech"] ~ * .singleWeapon .weaponHeader .inputWeaponEnhancement:focus,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:hover,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:active, 
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponName:focus,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:hover,
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:active, 
.colorOverHide[value="fulgurtech"] ~ * .singleArmor .weaponHeader .inputWeaponEnhancement:focus,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover, 
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active, 
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:hover,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:active,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName:focus,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:hover,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:active,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .headerStatsWeaponType input:focus{
    background-color: #0000001a;
    border-radius: 0px;
    border-color: #008d88; 
           
}





.colorOverHide[value="fulgurtech"] ~* .TCMegaAttributeAlternative .selectedMegaAttribute[value=""] + .inputPathName {
    border-bottom: 1px solid #008d88;  
    border-radius: 0px;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathStatus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoDisplay .TCGifts input.selectedPathStatus + .singleGift .pathStatus,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .pathStatus,
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCGifts input.selectedPathStatus + .singleGift .pathStatus{
  background-color: #41FCF6;
  color: #002f2d;
  font-weight: bold;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCGifts input.selectedPathStatus[value="tainted"] + .singleGift .pathStatus{
    color: #41fcf6;
    background: #002f2c;
    border-color: #008d88;
    transition: 1s;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath{
    background-color: #001715 !important;
    transition: 1s;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel{
    background: #001715 !important;
    color: #41fcf6;
    border: 1px solid #008d88;
  }



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabButtons button,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabButtons button,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .defaultRollingDisplay.singleCustomRoll .cRTabButtons button,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .facetDescription,

.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .pathTabButtons button,
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .weaponTabButtons button,
.colorOverHide[value="fulgurtech"] ~* .pseudoDisplay .defaultRollingDisplay.singleCustomRoll .cRTabButtons button,
.colorOverHide[value="fulgurtech"] ~* .facetDescription,
.colorOverHide[value="fulgurtech"] ~* .TCGifts .megaEdgeTypeExtension div{
    color: #41fcf6ad;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="role-story"] ~* button[name="act_role-story"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="society-story"] ~* button[name="act_society-story"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"],

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="culture-traits"] ~* button[name="act_culture-traits"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="culture-description"] ~* button[name="act_culture-description"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="class-traits1"] ~* button[name="act_class-traits1"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="class-traits2"] ~* button[name="act_class-traits2"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="class-description"] ~* button[name="act_class-description"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="guild-callInTheGuild"] ~* button[name="act_guild-callInTheGuild"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pathTabsToggle[value="guild-description"] ~* button[name="act_guild-description"],

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon1-traits"] ~ * button[name="act_weapon1-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon2-traits"] ~ * button[name="act_weapon2-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon3-traits"] ~ * button[name="act_weapon3-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon1-description"] ~ * button[name="act_weapon1-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon2-description"] ~ * button[name="act_weapon2-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .weaponTabsToggle[value="weapon3-description"] ~ * button[name="act_weapon3-description"],

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor1-traits"] ~ * button[name="act_armor1-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor2-traits"] ~ * button[name="act_armor2-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor3-traits"] ~ * button[name="act_armor3-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor1-description"] ~ * button[name="act_armor1-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor2-description"] ~ * button[name="act_armor2-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .armorTabsToggle[value="armor3-description"] ~ * button[name="act_armor3-description"],

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr01-traits"] ~ * button[name="act_cr01-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr02-traits"] ~ * button[name="act_cr02-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr03-traits"] ~ * button[name="act_cr03-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr01-description"] ~ * button[name="act_cr01-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr02-description"] ~ * button[name="act_cr02-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cRTabsToggle[value="cr03-description"] ~ * button[name="act_cr03-description"],

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci01-traits"] ~ * button[name="act_ci01-traits"],
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci02-traits"] ~ * button[name="act_ci02-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci03-traits"] ~ * button[name="act_ci03-traits"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci01-description"] ~ * button[name="act_ci01-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci02-description"] ~ * button[name="act_ci02-description"], 
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .cITabsToggle[value="ci03-description"] ~ * button[name="act_ci03-description"],

.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="role-story"] ~* button[name="act_role-story"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="society-story"] ~* button[name="act_society-story"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"], 
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"],

.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="culture-traits"] ~* button[name="act_culture-traits"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="culture-description"] ~* button[name="act_culture-description"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="class-traits1"] ~* button[name="act_class-traits1"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="class-traits2"] ~* button[name="act_class-traits2"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="class-description"] ~* button[name="act_class-description"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="guild-callInTheGuild"] ~* button[name="act_guild-callInTheGuild"],
.colorOverHide[value="fulgurtech"] ~* .pathTabsToggle[value="guild-description"] ~* button[name="act_guild-description"],

.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon1-traits"] ~ * button[name="act_weapon1-traits"], 
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon2-traits"] ~ * button[name="act_weapon2-traits"], 
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon3-traits"] ~ * button[name="act_weapon3-traits"], 
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon1-description"] ~ * button[name="act_weapon1-description"], 
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon2-description"] ~ * button[name="act_weapon2-description"], 
.colorOverHide[value="fulgurtech"] ~* .weaponTabsToggle[value="weapon3-description"] ~ * button[name="act_weapon3-description"],

.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor1-traits"] ~ * button[name="act_armor1-traits"], 
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor2-traits"] ~ * button[name="act_armor2-traits"], 
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor3-traits"] ~ * button[name="act_armor3-traits"], 
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor1-description"] ~ * button[name="act_armor1-description"], 
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor2-description"] ~ * button[name="act_armor2-description"], 
.colorOverHide[value="fulgurtech"] ~* .armorTabsToggle[value="armor3-description"] ~ * button[name="act_armor3-description"],

.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr01-traits"] ~ * button[name="act_cr01-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr02-traits"] ~ * button[name="act_cr02-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr03-traits"] ~ * button[name="act_cr03-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr01-description"] ~ * button[name="act_cr01-description"], 
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr02-description"] ~ * button[name="act_cr02-description"], 
.colorOverHide[value="fulgurtech"] ~* .cRTabsToggle[value="cr03-description"] ~ * button[name="act_cr03-description"],

.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci01-traits"] ~ * button[name="act_ci01-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci02-traits"] ~ * button[name="act_ci02-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci03-traits"] ~ * button[name="act_ci03-traits"], 
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci01-description"] ~ * button[name="act_ci01-description"], 
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci02-description"] ~ * button[name="act_ci02-description"], 
.colorOverHide[value="fulgurtech"] ~* .cITabsToggle[value="ci03-description"] ~ * button[name="act_ci03-description"]{
	background-color: #001715;
	border-color: #008D88;
	color: #41FCF6;
}



.colorOverHide[value="fulgurtech"] ~* .TCGifts .megaEdgeTypeAndExpander .flex .megaEdgeTypeExtension .flex {
    width: 45px;
  }


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .singlePath .pathTabContent .pathRelatedEdge,

.colorOverHide[value="fulgurtech"] ~* .singlePath .pathTabContent .pathRelatedEdge{
    margin-bottom: 2px;
    height: 22px;
    width: 100%;
    background: #001715;
    border-color: #008d88;
    border-radius: 0px;
    color: #28ccc7;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .pseudoBody .pseudoDisplay .boxPoint,

.colorOverHide[value="fulgurtech"] ~* .pseudoBody .pseudoDisplay .boxPoint{
    border: 1px solid #008d8800;
    width: 63px;
    height: 40px;
    background: #003331;  
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .boxPoint .boxPointTitle,

.colorOverHide[value="fulgurtech"] ~ * .boxPoint .boxPointTitle {
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 3px;
    color: #59fffa;
    font-size: 12px;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaRelatedApproaches .boxPoint,

.colorOverHide[value="fulgurtech"] ~* .animaRelatedApproaches .boxPoint{
    background: #001715;
    border: 1px solid #008D88;
    width: 66px;
    height: 40px;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaRelatedApproaches .boxPoints .boxPointTitle,

.colorOverHide[value="fulgurtech"] ~ * .animaRelatedApproaches .boxPoints .boxPointTitle {
    font-weight: normal;
    letter-spacing: 1px;
    margin-top: 3px;
    color: #59fffa;
    font-size: 10px;
    font-family: 'goldman';
    text-transform: uppercase;   
}







.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .animaRelatedApproaches .boxPoint,

.colorOverHide[value="fulgurtech"] ~* .animaRelatedApproaches .boxPoint{
    background: #001715;
    border: 1px solid #008D88;
    width: 66px;
    height: 40px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaRelatedApproaches .boxPoints .boxPoint input,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .boxPoints .boxPoint input,

.colorOverHide[value="fulgurtech"] ~ * .animaRelatedApproaches .boxPoints .boxPoint input,
.colorOverHide[value="fulgurtech"] ~ * .boxPoints .boxPoint input{
    color: #33FFF8;
    font-size: 20px;
    font-weight: normal; 
    width: 66px;  
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint,

.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint{
    background: #00ccc5;
    border: 1px solid #008D8800;
    width: 66px;
    height: 28px;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint input,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .animaStartingHP .boxPoints .boxPoint input::placeholder,

.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint input,
.colorOverHide[value="fulgurtech"] ~ * .animaStartingHP .boxPoints .boxPoint input::placeholder {
    color: #001715;
    font-size: 23px;
    font-weight: bold;
    opacity: 1;  
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle,

.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle{
    opacity: .8;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponName,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target div,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitValue,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierTitle,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierAdding,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierNumber,

.colorOverHide[value="fulgurtech"] ~* .inputPathName,
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponName,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement + div,
.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .target div,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierTitle,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierValue .modifierAdding,
.colorOverHide[value="fulgurtech"] ~ * .customRoll .customRollContainer .defaultRollingDisplay .modifierValue .modifierNumber,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .basicModeTitle,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeModeName,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName,
.colorOverHide[value="fulgurtech"] ~ * .basicLabel,
.colorOverHide[value="fulgurtech"] ~ * .aptitudeModes .aptitudeProxyLevel .aptitudeProxyLevelHeader{
    color: #41FCF6;    
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .inputPathName::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .quantumPower .inputPathName::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .inputWeaponTitle::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponName::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .names input::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target div::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitValue::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierTitle::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierAdding::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay .modifierValue .modifierNumber::placeholder,

.colorOverHide[value="fulgurtech"] ~* .inputPathName::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .inputWeaponTitle::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponName::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .weaponHeader .inputWeaponEnhancement + div::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .quantumPower .inputPathName::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .names input::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .target div::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierTitle::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRollContainer .defaultRollingDisplay .modifierValue .modifierAdding::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .customRoll .customRollContainer .defaultRollingDisplay .modifierValue .modifierNumber::placeholder,
.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber::placeholder{
    color: #41FCF6;  
    opacity: .5;  
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .characterName,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .targetNumber,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName,

.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .characterName,
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .targetNumber,
.colorOverHide[value="fulgurtech"] ~ * .defaultRollingDisplay.singleCustomRoll .traitName{
    font-weight: normal;
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="1"] ~ div

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponHeader .inputWeaponEnhancement + div {
    opacity: .5;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTagsSection,

.colorOverHide[value="fulgurtech"] ~ * .weaponTagsSection {  
    border-color: #008d88;
    background-color: #000000;   
} 


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * input[type="checkbox"].expander + span::after,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .repcontainer .singlePathContact input[type="checkbox"].expander + span::after, 

.colorOverHide[value="fulgurtech"] ~ * input[type="checkbox"].expander + span::after,
.colorOverHide[value="fulgurtech"] ~ * .repcontainer .singlePathContact input[type="checkbox"].expander + span::after{
    color: #008D88;
}











.colorOverHide[value="fulgurtech"] ~ * .arenaTitle .primaryColorBackground{
    background: #002726;
    color: #56d7d3;
    font-weight: 600;
    border: 1px #27a09b solid;
}



.colorOverHide[value="fulgurtech"] ~ * .skillTricks select,
.colorOverHide[value="fulgurtech"] ~ * .skillTricks .select-icon,
.colorOverHide[value="fulgurtech"] ~ * .health select,
.colorOverHide[value="fulgurtech"] ~ * .health .select-icon,
.colorOverHide[value="fulgurtech"] ~ * .aspirations select,
.colorOverHide[value="fulgurtech"] ~ * .aspirations .select-icon  {
    background-color: #00403E;
    color: #59fffa;
}


.colorOverHide[value="fulgurtech"] ~ * .injuryValue{
    color: #59fffa 
}

.colorOverHide[value="fulgurtech"] ~ * .pathContactName,
.colorOverHide[value="fulgurtech"] ~ * .pathContactTag,
.colorOverHide[value="fulgurtech"] ~ * .singlePathContact .expanderContainer{
    background: #001715;
    border-color: #008d88;
    border-radius: 0px;
    color: #28ccc7;
}

.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:hover, 
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:active, 
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:focus {
    background-color: #002b29;
    border-color: #008d88;
    border-radius: 0px;
    color: #28ccc7;   
}




.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponDescriptionTab,
.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .armorDescriptionTab,
  
.colorOverHide[value="fulgurtech"] ~ * .weaponDescriptionTab,
.colorOverHide[value="fulgurtech"] ~ * .armorDescriptionTab {
      border-bottom-color: #008D88;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .weaponTag .expandedArea,

.colorOverHide[value="fulgurtech"] ~ * .weaponTag .expandedArea{
    max-width: calc(95% - 0px);
    min-width: calc(95% - 0px);
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .armorTag .expandedArea,

.colorOverHide[value="fulgurtech"] ~ * .armorTag .expandedArea{
    max-width: calc(95% - 0px);
    min-width: calc(95% - 0px);
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll.defaultRollingDisplay .writingROLL,

.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll.defaultRollingDisplay .writingROLL{
    color: #001715;
    font-size: 17px;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .singleCustomRoll.defaultRollingDisplay .numberHider,

.colorOverHide[value="fulgurtech"] ~ * .singleCustomRoll.defaultRollingDisplay .numberHider{
    background: rgb(89, 255, 250);
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .circumstExpanded .otherTraits .input-label,

.colorOverHide[value="fulgurtech"] ~* .circumstExpanded .otherTraits .input-label{    
    color: #41FCF6;
    transition: 1s;    
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~* .circumstExpanded .otherTraits .inputLine,

.colorOverHide[value="fulgurtech"] ~* .circumstExpanded .otherTraits .inputLine{    
    border-bottom: 1px solid #008D88;
    color: #24DBD6;
}



.colorOverHide[value="fulgurtech"] ~* .expanderFlag[value="1"] ~ .megaAttributteExpandedArea {
    border-bottom-color: #27a09b;
}



.colorOverHide[value="fulgurtech"] ~* .skill .inputLine {
    border-color:rgba(0, 0, 0, 0);
}





.colorOverHide[value="fulgurtech"] ~ * .arenaTitle .primaryColorBackground,
.colorOverHide[value="fulgurtech"] ~ * .megaArenaTitle .primaryColorBackground{
    background: #002726;
    color: #56d7d3;
    font-weight: 600;
    border: 1px #27a09b solid;
}



.colorOverHide[value="fulgurtech"] ~ * .skillTricks select,
.colorOverHide[value="fulgurtech"] ~ * .skillTricks .select-icon,
.colorOverHide[value="fulgurtech"] ~ * .health select,
.colorOverHide[value="fulgurtech"] ~ * .health .select-icon,
.colorOverHide[value="fulgurtech"] ~ * .aspirations select,
.colorOverHide[value="fulgurtech"] ~ * .aspirations .select-icon,
.colorOverHide[value="fulgurtech"] ~ * .transformation .traitHeader select,
.colorOverHide[value="fulgurtech"] ~ * .transformation .traitHeader .select-icon  {
    background-color: #00403E;
    color: #59fffa;
}



.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .secondaryColorBackground, 
.colorOverHide[value="fulgurtech"] ~ * .secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~ * .injuryValue{
    color: #59fffa 
}

.colorOverHide[value="fulgurtech"] ~ * .pathContactName,
.colorOverHide[value="fulgurtech"] ~ * .pathContactTag,
.colorOverHide[value="fulgurtech"] ~ * .singlePathContact .expanderContainer{
    background: #001715;
    border-color: #008d88;
    border-radius: 0px;
    color: #28ccc7;
}

.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:hover, 
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:active, 
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .pathContactName:focus,
.colorOverHide[value="fulgurtech"] ~ * .pathContactName:active ~ .expanderContainer,
.colorOverHide[value="fulgurtech"] ~ * .pathContactName:focus ~ .expanderContainer,
.colorOverHide[value="fulgurtech"] ~ * .pathContactHeader.flex:hover .expanderContainer,
.colorOverHide[value="fulgurtech"] ~ * .expanderFlagModal[value="1"] ~ .pathContactName,
.colorOverHide[value="fulgurtech"] ~ * .expanderFlagModal[value="1"] ~ .expanderContainer,
.colorOverHide[value="fulgurtech"] ~ * .pathContactHeader.flex:hover .pathContactName,
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .flex .pathContactName:active,
.colorOverHide[value="fulgurtech"] ~ * .pathContacts .flex .pathContactName:focus {
    background-color: #002b29;
    border-color: #008d88;
    border-radius: 0px;
    color: #28ccc7;       
}

.colorOverHide[value="fulgurtech"] ~ * .pathContactName:placeholder-shown{
    color: #41fcf6;
}

.colorOverHide[value="fulgurtech"] ~ * .pathContactName::placeholder{
    color: #41fcf6;
    opacity: .5;
}



.colorOverHide[value="fulgurtech"] ~ * .pathRelatedSkill {
    background: #002f2c;
    border-color: #00fff63d;
    border-radius: 0px;
    color: #41fcf6;
    font-weight: 500;
}



.colorOverHide[value="fulgurtech"] ~ * .buttonsSliderPath a{
    color: #33bbb6;
    border-color: #4b9996;
    border-radius: 0px;
    position: relative;
    padding-top: 3px;
    height: 12px;
    font-size: 12px;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .line, 

.colorOverHide[value="fulgurtech"] ~ * .sourceDots .line {
    border-color: #239591;
}


.colorOverHide[value="fulgurtech"] ~ * .fortes .input-label{
    color: #59fffa;
    font-family: goldman;
}

.colorOverHide[value="fulgurtech"] ~ * .fortes .forte button{
    width: 26px;
    margin-top: -1px;
}

.colorOverHide[value="fulgurtech"] ~ * .fortes .forte button span{
    margin-top: 1px;
    height: 7px;
    width: 100%;
    transform: none;
}

.colorOverHide[value="fulgurtech"] ~ * .aptitude {
    background: #00403e2e;
    border-color: #41fcf652;
}


.colorOverHide[value="fulgurtech"] ~ * .inputAptitudeModeName div{
    margin-bottom: -4px;
}

.colorOverHide[value="fulgurtech"] ~ * .expanderFlag[value="1"] ~ .aptitudeModeExpandedArea{
    border-top-color: #004846;
    border-bottom-color: #004846;
}

.colorOverHide[value="fulgurtech"] ~ * .pseudoDisplay .inputAptitudeauxiliaryModeName{
    background-color: transparent;
    border-radius: 0px;
    border-color: #008d88;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .secondaryColorBackground, 
.colorOverHide[value="fulgurtech"] ~ * .secondaryColorBackground,
.colorOverHide[value="fulgurtech"] ~ * .injuryValue{
    color: #59fffa ;
}


.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ * .pTwinSection .sheet-col .health .injury-selectType[value=""] ~ select.secondaryColorBackground,

.colorOverHide[value="fulgurtech"] ~ * .pTwinSection .sheet-col .health .injury-selectType[value=""] ~ select.secondaryColorBackground{
    background: #01312f;
}

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~ .pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"],

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"], 

.colorOverHide[value="default"] + .selectedTier[value="anima"] ~  .pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"]:checked,
 
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"]:checked{
    background-color: #006a66;
    border: 2px solid #006a66;
}


.colorOverHide[value="fulgurtech"] ~* .colorCircle{
    border-radius: 0%;    
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color1"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color1"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color1{
    background-color: #00c3ff4a;
    transition: 1s;
    border-color: #00c3ff;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color2"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color2"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color2{
    background-color: #00c3ff2e;
    transition: 1s;
    border-color: #00c3ff99;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color3"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color3"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color3{
    background-color: #c49f7f47;
    transition: 1s;
    border-color: #d9b290f0;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color4"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color4"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color4{
    background-color: #c49f7f2b;
    transition: 1s;
    border-color: #d9b29085;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color5"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color5"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color5{
    background-color: #fb3c0054;
    transition: 1s;
    border-color: #fb3c00;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color6"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color6"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color6{
    background-color: #fb3c0036;
    transition: 1s;
    border-color: #fb3c007d;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color7"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color7"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color7{
    background-color: #ffffff36;
    transition: 1s;
    border-color: #aff4f0f0;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color8"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color8"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color8{
    background-color: #ffffff21;
    transition: 1s;
    border-color: #a7e9e580;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color9"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color9"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color9{
    background-color: #5f77fb3d;
    transition: 1s;
    border-color: #5d8dff;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color10"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color10"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color10{
    background-color: #5f77fb2e;
    transition: 1s;
    border-color: #5d8dff99;
}


.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color11"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color11"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color11{
    background-color: #44ff0030;
    transition: 1s;
    border-color: #98ff8fd1;

}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color12"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color12"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color12{
    background-color: #44ff001c;
    transition: 1s;
    border-color: #98ff8f5e;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color13"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color13"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color13{
    background-color: #ff00d742;
    transition: 1s;
    border-color: #c464f7;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color14"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerSuiteColor[value="color14"] ~ .megaEdge,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .optionPowerSuiteColor .color14{
    background-color: #ff00d730;
    transition: 1s;
    border-color: #c464f7a6;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge{    
    background-color: transparent;  
    border-color: #008D88;
}


.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .dot::before,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .dot::before{
    left: 5px;
}

.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .dot > span,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .dot > span{
    left: 0px;
    background: #86F7F3;
    box-shadow: 0px 0px 13px #0FFFF796;
    transition: none;
    min-width: 8px;
    height: 14px;
    margin-top: -8px;
  }
  


.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .powerSuiteColorSection,
.colorOverHide[value="fulgurtech"] ~ .pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .powerSuiteColorSection{
    opacity: 0;
    pointer-events: none;
}


/* ////////////////// PsiadTheme ////////////////// */


.colorOverHide[value="fulgurtech"] ~ * .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude {
    background: #001e1c;
}


.colorOverHide[value="fulgurtech"] ~ * .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ * .basicMode {
    border-color: #008D88;
  }



.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
    background-color: #59fffa;
    color: black;    
}




.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #01423e;
    color: #59fffa;
    border: 1px solid #1daaa5;   
}



.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input ~* .primaryColorFont,
.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#59fffa;
}



.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color: #01423e;
    color: #2cf7f0;
    border: 1px solid #156562;
}



.colorOverHide[value="fulgurtech"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#59fffa;
}


/* ////////////////// - FIM ANIMA THEME - ////////////////// */











/* ////////////////// - SYNTHWAVE THEME - ////////////////// */

.colorOverHide[value="synthwave"] ~* .summaryButtons{
    align-self: flex-start; 
}

.colorOverHide[value="synthwave"] ~* .logoSynth{
    display: flex;  
}

.colorOverHide[value="synthwave"] ~* .space1 {
    margin-bottom: 50px;
}

.colorOverHide[value="synthwave"] ~ .pseudoBody{
    background-image: url("https://www.dropbox.com/s/ezn4aeqiz8ns78j/Background-Synthwave.jpg?raw=1");
    background-attachment: fixed;
    background-position: center 0px;
    font-family: 'Oxanium', cursive;
    font-weight: 300;
}

.colorOverHide[value="synthwave"] ~* .pseudoDisplay{
    background-color: #00000080;    
}

.colorOverHide[value="synthwave"] ~* .pseudoNav{
    background: none;
}

.colorOverHide[value="synthwave"] ~* .pseudoNav button{
    color: white;
}

.colorOverHide[value="synthwave"] ~* .tabstoggle[value="sheet"] ~* .TCSheet, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="equipments"] ~* .TCEquipments, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="rolls"] ~* .TCRolls, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="combatMode"] ~* .TCCombatMode, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="creationMode"] ~* .TCCreationMode, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="settings"] ~* .TCSettings, 
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="credits"] ~* .TCCredits {
    /* align-items: center; */
    align-items: stretch;
}

/* change button color */
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="sheet"] ~* button[name="act_sheet"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="equipments"] ~* button[name="act_equipments"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="rolls"] ~* button[name="act_rolls"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="settings"] ~* button[name="act_settings"],
.colorOverHide[value="synthwave"] ~* .tabstoggle[value="credits"] ~* button[name="act_credits"]{
    background-color: #00000080;
}

.colorOverHide[value="synthwave"] ~* .logo{
    margin-bottom: -36px;
}

.colorOverHide[value="synthwave"] ~* .pSection.reader{
   backdrop-filter: none;   
   border: none;
   box-shadow: none;
   background: none;
   margin-bottom: -50px;   
}

.colorOverHide[value="synthwave"] ~* .pSection.reader::after{
    display: none;
 }

.colorOverHide[value="synthwave"] ~* .input-label{
    color: white;
}

.colorOverHide[value="synthwave"] ~* .inputLine{
    color: rgba(255, 255, 255, 0.616);
    border-bottom: 1px solid #ffffff78;
}



.colorOverHide[value="synthwave"] ~* .pSection .title, .pTwinSection .title{
    padding-top: 10px;
    margin-bottom: 15px;
    padding-bottom: 2px;
}



.colorOverHide[value="synthwave"] ~* .title.primaryColorBackground,
.colorOverHide[value="synthwave"] ~* .title2.primaryColorBackground{
   background: none;
   border-bottom: solid 1px #ffffff21;
}

.colorOverHide[value="synthwave"] ~* .pSection{
    background-color: rgb(31, 0, 251, 0.05);
    box-shadow: 5px 3px 30px black;
    backdrop-filter: blur(6px);
    width: calc(93% - 60px); 
    padding-bottom: 38px; 
    /* clip-path: polygon( 
        0%                  51px, 
        71px                0%, 
        100%                0%, 
        100%                calc(100% - 51px), 
        calc(100% - 70px)   100%, 
        0%                  100%); */
    border: solid 1px #ffffff1f;
    position: relative;
    align-self: center;
    
}


.colorOverHide[value="synthwave"] ~* .effects{
    filter: blur(10px);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
}

.colorOverHide[value="synthwave"] ~* .effects::before{
    content: "";
    /* clip-path: polygon( 
        11px                 50px, 
        74px                10px, 
        calc(100% - 14px)                10px, 
        calc(100% - 15px)    calc(100% - 59px), 
        calc(100% - 76px)   calc(100% - 13px),
        10px                 calc(100% - 13px), 
        11px                 50px, 
        0px                50px, 
        0px                calc(100% - 4px), 
        calc(100% - 73px)   calc(100% - 3px), 
        calc(100% - 5px)                calc(100% - 54px), 
        100%                0px, 
        73px                0px, 
        0px                 50px        
    ); */


    clip-path: polygon( 
        8px                 50px, 
        74px                7px, 
        calc(100% - 12px)                7px, 
        calc(100% - 11px)    calc(100% - 58px), 
        calc(100% - 75px)   calc(100% - 10px),
        7px                 calc(100% - 10px), 
        8px                 50px, 
        2px                50px, 
        2px                calc(100% - 5px), 
        calc(100% - 73px)   calc(100% - 5px), 
        calc(100% - 6px)                calc(100% - 53px), 
        calc(100% - 6px)                2px, 
        73px                2px, 
        2px                 50px        
    );


    background: linear-gradient(45deg,    
        #ffffff30, 
        #ffffff38, 
        #ffffff3d,
        #ffffff5e, 
        #9584ffc4, 
        #ff00e000,     
        #de40f5f5, 
        #ffffff24,
        #c900ffb0, 
        #ffffff24);
    position: absolute;
    margin-left: -30px;
    opacity: 1; 
    z-index: -2; 
}


.colorOverHide[value="synthwave"] ~* .pSection::after{
    content: ""; 
    clip-path: polygon( 
        4px                 49px, 
        73px                5px, 
        calc(100% - 9px)                5px, 
        calc(100% - 10px)    calc(100% - 56px), 
        calc(100% - 75px)   calc(100% - 8px),
        5px                 calc(100% - 8px), 
        5px                 50px, 
        4px                50px, 
        4px                calc(100% - 7px), 
        calc(100% - 75px)   calc(100% - 7px), 
        calc(100% - 9px)                calc(100% - 55px), 
        calc(100% - 7px)                4px, 
        73px                4px, 
        5px                 47px        
    );
    background: linear-gradient(45deg,    
       #ffffff30, 
       #ffffff38, 
       #ffffff3d,
       #ffffff5e, 
       #9584ffc4, 
       #ff00e000,     
       #de40f5f5, 
       #ffffff24,
       #c900ffb0, 
       #ffffff24);
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: -30px; 
    z-index: 0;   
}


.colorOverHide[value="synthwave"] ~* .pSection::after,
.colorOverHide[value="synthwave"] ~* .effects::before{   
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);  
    animation: steam 50s linear infinite;
}


.colorOverHide[value="synthwave"] ~* .edges,
.colorOverHide[value="synthwave"] ~* .skillTricks,
.colorOverHide[value="synthwave"] ~* .conditions,
.colorOverHide[value="synthwave"] ~* .health{
    position: relative;
    /* background-color: rgb(32 27 66 / 56%); Cristal Precioso*/
    box-shadow: 5px 3px 30px black;
    box-shadow: 5px 3px 30px black;     
    padding-bottom: 33px;    
    border: solid 1px #ffffff1f;
    padding-top: 15px;
    padding-left: 30px;
    padding-right: 30px;   
}


.colorOverHide[value="synthwave"] ~* .edges .repcontrol,
.colorOverHide[value="synthwave"] ~* .edges .title2,
.colorOverHide[value="synthwave"] ~* .skillTricks .repcontrol,
.colorOverHide[value="synthwave"] ~* .skillTricks .title2,
.colorOverHide[value="synthwave"] ~* .conditions .repcontrol,
.colorOverHide[value="synthwave"] ~* .conditions .title2,
.colorOverHide[value="synthwave"] ~* .health .repcontrol,
.colorOverHide[value="synthwave"] ~* .health .title2{
    z-index: 1;   
}


.colorOverHide[value="synthwave"] ~* .edges::before,
.colorOverHide[value="synthwave"] ~* .skillTricks::before,
.colorOverHide[value="synthwave"] ~* .conditions::before,
.colorOverHide[value="synthwave"] ~* .health::before{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
    margin-left: -30px;
    margin-top:-15px
}

.colorOverHide[value="synthwave"] ~* .edges::after,
.colorOverHide[value="synthwave"] ~* .skillTricks::after,
.colorOverHide[value="synthwave"] ~* .conditions::after,
.colorOverHide[value="synthwave"] ~* .health::after{
    content: ""; 
    clip-path: polygon( 
        4px                 49px, 
        73px                5px, 
        calc(100% - 9px)                5px, 
        calc(100% - 10px)    calc(100% - 56px), 
        calc(100% - 75px)   calc(100% - 8px),
        5px                 calc(100% - 8px), 
        5px                 50px, 
        4px                50px, 
        4px                calc(100% - 7px), 
        calc(100% - 75px)   calc(100% - 7px), 
        calc(100% - 9px)                calc(100% - 55px), 
        calc(100% - 7px)                 4px, 
        73px                4px, 
        5px                 47px        
    );
    background: linear-gradient(45deg,    
       #ffffff30, 
       #ffffff38, 
       #ffffff3d,
       #ffffff5e, 
       #9584ffc4, 
       #ff00e000,     
       #de40f5f5, 
       #ffffff24,
       #c900ffb0, 
       #ffffff24);
    width: 100%;
    height: 100%;
    position: absolute;
    margin-left: -30px; 
    z-index: 1;
    margin-top: -15px;   
}

.colorOverHide[value="synthwave"] ~* .edges::after,
.colorOverHide[value="synthwave"] ~* .skillTricks::after,
.colorOverHide[value="synthwave"] ~* .conditions::after,
.colorOverHide[value="synthwave"] ~* .health::after{   
    background-size: 400%;
    width: calc(100% + 4px);
    height: calc(100% + 4px);  
    animation: steam 50s linear infinite;
}

.colorOverHide[value="synthwave"] ~* .edges .effects,
.colorOverHide[value="synthwave"] ~* .skillTricks .effects,
.colorOverHide[value="synthwave"] ~* .conditions .effects,
.colorOverHide[value="synthwave"] ~* .health .effects{
    margin-top: -15px;
}













.colorOverHide[value="synthwave"] ~* .secondaryColorBackground{
    background-color: #fce1ff29;
    border-radius: 4px;    
    box-shadow: 5px 3px 5px #00000029;
}

.colorOverHide[value="synthwave"] ~* .title .titleLabel{
    font-family: 'Goldman', cursive;
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    text-shadow: 0 0 25px #0090ff;

    /* color: #dafffc;
    text-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
}

.colorOverHide[value="synthwave"] ~* .title2 .titleLabel{
    font-family: 'Goldman', cursive;
    font-size: 25px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 25px #0090ff;

    /* color: #dafffc;
    text-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
}


.colorOverHide[value="synthwave"] ~* .dots{
    margin-right: 6px;
}



.colorOverHide[value="synthwave"] ~* button.dot{
    width: 5px;
    height: 5px;
    margin-top: 7px;
    margin-left: 7px;
    transform: skew(-25deg, 0deg);
    border: solid 1px #ababab69;
    background: #FFFFFF1F;
    margin-top: 7px;   
}

.colorOverHide[value="synthwave"] ~* button.dot > span{
    min-width: 8px;
    height: 14px;
    margin-top: -8px;         
}



.colorOverHide[value="synthwave"] ~* button.dot > span{
    left: 0px;
    background: white;
    /* box-shadow: 0 0 8px #0051ff5e, 0 0 25px #009fff, 0 0 25px #009fff; */
    box-shadow: 0 0 5px #0051ff5e, 0 0 7px #009fff, 0 0 5px #009fff;
    transition: none;
}

.colorOverHide[value="synthwave"] ~* button.dot.gt-5 > span,
.colorOverHide[value="synthwave"] ~* button.dot.gt-6 > span,
.colorOverHide[value="synthwave"] ~* button.dot.gt-7 > span,
.colorOverHide[value="synthwave"] ~* button.dot.gt-8 > span,
.colorOverHide[value="synthwave"] ~* button.dot.gt-9 > span{
    /* box-shadow: 0 0 8px #ffb3005e, 0 0 25px #ffa200, 0 0 25px #ff9700; */
    box-shadow: 0 0 5px #ffb3005e, 0 0 7px #ffa200, 0 0 5px #ff9700;
}

.colorOverHide[value="synthwave"] ~* button.dot::before{
    display: none;
}

.colorOverHide[value="synthwave"] ~* .hexagon, 
.colorOverHide[value="synthwave"] ~* .hexagon::before, 
.colorOverHide[value="synthwave"] ~* .hexagon > span {
    clip-path: unset;
}

.colorOverHide[value="synthwave"] ~* input.dot[value="0"] ~ button.gt-0 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="1"] ~ button.gt-1 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="2"] ~ button.gt-2 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="3"] ~ button.gt-3 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="4"] ~ button.gt-4 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="5"] ~ button.gt-5 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="6"] ~ button.gt-6 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="7"] ~ button.gt-7 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="8"] ~ button.gt-8 > span.checked,
.colorOverHide[value="synthwave"] ~* input.dot[value="9"] ~ button.gt-9 > span.checked{
    transform: scale(0);
    transition: none;  
}




@keyframes steam {
	0% {
		background-position: 0 0;
	}
	50% {
		background-position: 400% 0;
	}
	100% {
		background-position: 0 0;
	}
}

    

/* ////////////////// - FIM SYNTHWAVE THEME - ////////////////// */ 









/* //////////////////// - AETHER THEME - //////////////////// */

.colorOverHide[value="aether"] ~* .logoAether{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"]  ~ .pseudoDisplay,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"]  ~ .pseudoDisplay,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"]  ~ .pseudoDisplay,

.colorOverHide[value="aether"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .customRepeating > .repcontrol,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .customRepeating > .repcontrol,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="aether"] ~* .primaryColorBackground,
.colorOverHide[value="aether"] ~* .customRepeating > .repcontrol{
    background-color: #4F7121;
    transition: 1s;     
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .secondaryColorBackground,

.colorOverHide[value="aether"] ~ .secondaryColorBackground,
.colorOverHide[value="aether"] ~* .secondaryColorBackground{
    /* background-color: #DAE9C4;  */
    background-color: #E1E3CC;    
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .tertiaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .tertiaryColorBackground,

.colorOverHide[value="aether"] ~* .tertiaryColorBackground{
    background-color: #5D9D0A;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .colorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .colorFont,

.colorOverHide[value="aether"] ~* .colorFont{
    color:white;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .primaryColorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .primaryColorFont,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .primaryColorFont,

.colorOverHide[value="aether"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .primaryColorFont::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .primaryColorFont::placeholder,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"]~* .primaryColorFont::placeholder,

.colorOverHide[value="aether"] ~* .primaryColorFont::placeholder{
    color: #4F7121;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* .arena.central,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .arena.central,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* .arena.central,

.colorOverHide[value="aether"] ~* .arenas,
.colorOverHide[value="aether"] ~* .arena.central{
    outline-color: #4F7121;
    border-color: #4F7121;
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="squire"] ~* input[type="checkbox"]:checked,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* input[type="checkbox"]:checked,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="magog"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="aether"] ~* input[type="checkbox"]:checked{
    background-color: #518210;   
}


.colorOverHide[value="aether"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #42680F;;
    color: white;    
}

.colorOverHide[value="aether"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#42680F;;
}

.colorOverHide[value="aether"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#5E8E18;
    color: white;
}

.colorOverHide[value="aether"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#5E8E18;
}

/* ////////////////// - FIM AETHER THEME - ////////////////// */





/* //////////////////// - FLUX ASSASSIN - //////////////////// */

.colorOverHide[value="assassin"] ~* .logoAssassin{
    display: flex;
    justify-content: center;
    position: absolute;
    opacity: 1;   
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~ .pseudoDisplay,

.colorOverHide[value="assassin"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .customRepeating > .repcontrol,

.colorOverHide[value="assassin"] ~* .primaryColorBackground,
.colorOverHide[value="assassin"] ~* .customRepeating > .repcontrol{
    background-color: #574582;
    transition: 1s;     
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .secondaryColorBackground,

.colorOverHide[value="assassin"] ~ .secondaryColorBackground,
.colorOverHide[value="assassin"] ~* .secondaryColorBackground{
    background-color: #e2dfeb;   
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .tertiaryColorBackground,

.colorOverHide[value="assassin"] ~* .tertiaryColorBackground{
    background-color: #6f55ae;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .colorFont,

.colorOverHide[value="assassin"] ~* .colorFont{
    color:white;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .primaryColorFont,

.colorOverHide[value="assassin"] ~* .primaryColorFont,

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .primaryColorFont::placeholder,

.colorOverHide[value="assassin"] ~* .primaryColorFont::placeholder{
    color: #574582;
}



.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* .arena.central,

.colorOverHide[value="assassin"] ~* .arenas,
.colorOverHide[value="assassin"] ~* .arena.central{
    outline-color: #574582;
    border-color: #574582;
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~ .selectedTierLevel[value="assassin"] ~* input[type="checkbox"]:checked,

.colorOverHide[value="assassin"] ~* input[type="checkbox"]:checked{
    background-color: #7259ae;   
}


.colorOverHide[value="assassin"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #574582;;
    color: white;    
}

.colorOverHide[value="assassin"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#574582;;
}

.colorOverHide[value="assassin"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#7e6caa;
    color: white;
}

.colorOverHide[value="assassin"] ~* .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#7e6caa;
}












/* ############### - TABS - ################ */

/*Configure the tab buttons*/
.TCSheet,
.TCEquipments,
.TCRolls,
.TCCombatMode,
.TCCreationMode,
.TCSettings,
.TCCredits{
   display: none; 
}

.pseudoNav{
    height: 30px;
    min-width: 831px;
    margin-bottom: -1px;
    width: calc(100% - 0px);  
    transition: 1s;
}

.pseudoNav button{
    background:#E6E6E6;
    border: none;
    font-size: 12px;
    color: #848484;
    flex-grow:1; 
    transition: 1s;   
}

.pseudoNav button:hover{
    background-color: #f2f2f2;;
    transition: background-color 0.2s;
}

.pseudoNav button:focus{
    outline: none;
}




/* show the selected tab */
.tabstoggle[value="sheet"] ~* .TCSheet,
.tabstoggle[value="equipments"] ~* .TCEquipments,
.tabstoggle[value="rolls"] ~* .TCRolls,
.tabstoggle[value="combatMode"] ~* .TCCombatMode,
.tabstoggle[value="creationMode"] ~* .TCCreationMode,
.tabstoggle[value="settings"] ~* .TCSettings,
.tabstoggle[value="credits"] ~* .TCCredits {
    display: flex;
    flex-direction: column; 
    transition: 1s; 
    min-height: 700px;
}   

/* change button color */
.tabstoggle[value="sheet"] ~* button[name="act_sheet"],
.tabstoggle[value="equipments"] ~* button[name="act_equipments"],
.tabstoggle[value="rolls"] ~* button[name="act_rolls"],
.tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
.tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
.tabstoggle[value="settings"] ~* button[name="act_settings"],
.tabstoggle[value="credits"] ~* button[name="act_credits"]{
    background-color: #FBFBFB;
    border: 1px solid;
    border-bottom: none;
    z-index: 1;    
}

.tabstoggle[value="sheet"] ~* button[name="act_sheet"],
.tabstoggle[value="equipments"] ~* button[name="act_equipments"],
.tabstoggle[value="rolls"] ~* button[name="act_rolls"],
.tabstoggle[value="combatMode"] ~* button[name="act_combatMode"],
.tabstoggle[value="creationMode"] ~* button[name="act_creationMode"],
.tabstoggle[value="settings"] ~* button[name="act_settings"],
.tabstoggle[value="credits"] ~* button[name="act_credits"],
.pseudoDisplay{
    border-color: #e3e3e396;
    transition: background-color 1s;
}



/* ############### - Fim Tabs - ################ */









/* ############### - SHEETS - ################ */
.TCSheet{
  height: 100%;
  padding-bottom: 30px;
}



/* ++++ - Logo - +++++ */
.logo{
    margin-top: 63px;  
    margin-bottom: 105px;   
}

.logoBaseline,
.logoTalent,
.logoNova,
.logoPsion,
.logoAdventure,
.logoVintage,
.logoNPC,
.logoAnima,
.logoAether,
.logoAssassin{
   display:none
}




/* ++++ - fim Logo - +++++ */



/* ++++ - Reader - +++++ */
.TCSheet .reader{
    flex-direction: row;
    padding-top: 5px;
}

.readerTrait{
    display:flex;
    margin-bottom:3px;
    width: 100%;
}

.name,
.allegiance,
.concept,
.attunedTo{
  flex-grow: 1;  
}

.aka,
.tier,
.level,
.npc-targetNumber{
    margin-left: 10px;
    width: 73%;
}

.aka{
    width: 40%;
}

.tier{
    width: 62%; 
}

.tier option{
   color: #5A5A5A;
   text-align: left;; 
}

.level{
    width: 59%; 
}

.npc-targetNumber{
    width: 43.2%;
}

.tier .inputLine,
.level .inputLine,
.npc-targetNumber .inputLine,
.EquipmentSubType .inputLine{
    text-align: center;
    text-align-last: center;
    scrollbar-width: thin;
    /* padding: 0px; */
}

.inputLine option{
    font-style: normal;
    font-size: 14px;
}

.readerTrait .tier .inputLine option.optionTitle{
    font-size: 14px;
    font-weight: bolder;
}

option:disabled{
    color:rgb(175, 175, 175);
}
 
/* ++++ - FIM Reader - +++++ */




.pSection .title,
.pTwinSection .title{
    display:flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 1px);
    font-size: 35px;
    font-weight: bold;
    height: 45px;
    transition: 1s;
    border: 1px solid rgba(0, 0, 0, 0);
}

.customRepeating .title{
   border-right: none;
}

.pSection .title2,
.pTwinSection .title2{
    display:flex;
    justify-content: center;
    align-items: center;
    width: calc(100% - 1px);
    font-size: 27px;
    font-weight: bold;
    height: 35px;
    border: 1px solid rgba(0, 0, 0, 0);
}

.customRepeating .title2{
    border-right: none;
 }

.selectableTitle .title2{
    border-left: none;
}

/* ++++ - SKILLS - +++++ */
.skills .title{
    margin-bottom:10px
}

.skill{
    display: flex;
    align-items: center;
    padding-right: 5px;
    height: 25px;
}

.pSection .skill .inputLine{
    font-size: 14px;
    border: none;
    margin-left: 10px;
    padding-top: 0px;
}

.pSection.skills .sheet-2colrow{
    width: 100%;
}
/* ++++ - FIM SKILLS - +++++ */



/* ++++ - ATTRIBUTE - +++++ */

.arenaTitle{
    margin-bottom: -4px;
    z-index: 1;
    position: relative;
    width: 84%;
    margin-left: 16%;
}

.TCAttributes .title{
    margin-bottom:3px;
}

.arenaTitle div,
.megaArenaTitle div{
    color: white;
    font-size: 10.5px;
    padding-left: 8px;
    padding-right: 8px;
    height: 13px;
    display: flex;
    align-items: center;
}

.attribute{
    display: flex;
    align-items: center;
    padding-right: 10px;
    padding-left: 10px;
    height: 25px;
}

.megaAttribute{
    display: flex;
    align-items: center;
    /* padding-right: 2%;
    padding-left: 2%; */
    flex-direction: column;
}

.approaches{
    width: 16%;
}

.approaches .input-label{
    margin-left: 7px;
    font-size: 15px;
}

.arenas{
    width: 84%;
    outline: solid;
    outline-width:1px;
}

.arena{
    width: 35%;
}

.arena.central{
    border-left: 1px;
    border-right: 1px;
    border-left-style: solid;
    border-right-style: solid;    
}

   
/* ++++ - FIM ATTRIBUTE - +++++ */



/* ++++ - MEGA ATTRIBUTE - +++++ */
.megaArenaTitle{
    margin-bottom: -3px;
    z-index: 1;
    position: relative;
    width: 100%;   
}

.TCMegaAttributes .title2{
    margin-bottom:4px
}

.megaArenas{
    width: 100%;
    border-style: solid;
    border-width: 1px;
}

.megaAttribute .input-label{
    font-size: 16px;    
} 

.input-label-mega{
    font-size: 14px;    
}

.megaAttributeHeader{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 3%;
    padding-left: 2%;
    width: 96%;
}

.dotsExpander{
    display: flex; 
    align-items: center;   
}

.megaAttributeExpander{
    margin-left: 2px;
    margin-right: -13px;    
    margin-bottom: 4px;
}

.megaAttributteExpandedArea{
    width: 100%;
    overflow: hidden;
}

.megaAttributesTagsContainer{
    background: transparent;
    width: calc(100% - 30px);
    height: 145px;    
    padding-left: 15px;
    padding-right: 15px;
}

.expanderFlag[value="0"] ~ .megaAttributeHeader{ 
    transition: height 0.3s;
    height: 30px;
} 

.expanderFlag[value="1"] ~ .megaAttributeHeader{ 
    transition: height 0.3s;
    height: 40px;
} 



.expanderFlag[value="0"] ~ .megaAttributteExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;   
}

.expanderFlag[value="1"] ~ .megaAttributteExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    height: 145px;   
    top: 26px;
    border: none;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;  
}


.megaAttributesTagsContainer .flex.fColumn{
    width: 100%;
}

.megaAttributesTag{
    margin-top: 0px;    
    display: flex;
    flex-direction: column;
}

.megaAttributesTag .inputLine {
    font-size: 14px;
    border-color: #BFBFBF;
    color: #737373;
    min-width: 40%;
    flex-grow: 0;
    margin-top: -2px;
    padding-top: 3px;
    margin-right: -2px;
}

.secondaryColorBackground .megaAttributesTag .inputLine {   
    border-color: #6F6F6F;
    color: #5b5b5b;
}

.megaAttributesTag input[type="checkbox"].expander + span::after {
    color: #828282;
}


.megaAttributesTagsContainer .megaAttributesTag .expandedArea {
	max-width: 21.9%;
	min-width: 21.9%;	
}


.megaAttributesTag .expanderFlagModal[value="0"] ~ .expandedArea,
.megaAttributesTag .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: 25px;
}

.reducedName,
.completeName{
    display: none;
}

input[value="0"] ~ .completeName,
input[value="1"] ~ .completeName,
input[value="2"] ~ .completeName,
input[value="3"] ~ .completeName,
input[value="4"] ~ .completeName{
    display: flex;
}

input[value="5"] ~ .reducedName,
input[value="6"] ~ .reducedName,
input[value="7"] ~ .reducedName,
input[value="8"] ~ .reducedName,
input[value="9"] ~ .reducedName{
    display: flex;
}

.megaAttribute input[value="0"] ~ .input-label,
.megaAttribute input[value="1"] ~ .input-label,
.megaAttribute input[value="3"] ~ .input-label,
.megaAttribute input[value="4"] ~ .input-label{
    width: 158px;
}

.megaAttribute input[value="5"] ~ .input-label,
.megaAttribute input[value="6"] ~ .input-label,
.megaAttribute input[value="7"] ~ .input-label,
.megaAttribute input[value="8"] ~ .input-label,
.megaAttribute input[value="9"] ~ .input-label{   
    width: 94px;
}



/* ++++ - MEGA ATTRIBUTE - +++++ */



/* ++++ - EDGES - +++++ */
.pTwinSection .edges .title2{
    margin-bottom: 5px;
}

.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-00"] .itemcontrol .repcontrol_del,
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-01"] .itemcontrol .repcontrol_del,
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-02"] .itemcontrol .repcontrol_del,
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-03"] .itemcontrol .repcontrol_del,
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-04"] .itemcontrol .repcontrol_del,
.edges .repcontainer.editmode .repitem[data-reprowid="----Rep-Edge---ID-05"] .itemcontrol .repcontrol_del{
    display: none;
}

/* ++++ - FIM EDGES - +++++ */



/* ++++ - SkillTricks - +++++ */
.pTwinSection .skillTricks .title2{
    margin-bottom: 5px;
}

.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-00"] .itemcontrol .repcontrol_del,
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-01"] .itemcontrol .repcontrol_del,
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-02"] .itemcontrol .repcontrol_del,
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-03"] .itemcontrol .repcontrol_del,
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-04"] .itemcontrol .repcontrol_del,
.skillTricks .repcontainer.editmode .repitem[data-reprowid="----Rep-SkiTri-ID-05"] .itemcontrol .repcontrol_del{
    display: none;
}

/* ++++ - FIM SkillTricks - +++++ */

/* ++++ - Inspiration *TALENTS - +++++ */


.inspiration .sourceExpended{
    margin-top:18px;
}



.facets .title2{
    margin-bottom: 10px;
}

.facet{
    display: flex;
    align-items: center;
}

.facetDescription{
    margin-left: 5px;
    color: #717171;
    font-size: 13px;
} 

.facet .line{
    margin-top: 15px;
}



.TCGifts .title2{
    margin-bottom: 5px;
}

.singleGift{
    width: 48%;
}

.singleGift .inputPathName{
    font-size: 26px;
}

.TCGifts .megaEdgeDescriptionTab {
    display: block;
    padding-top:0px;
    padding-bottom:0px;
}

.TCGifts .megaEdgeTabContent {
    height: auto;
}

.TCGifts .megaEdgeTabContent textarea{
    height: 223px;
}

.TCGifts .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
    height: 311px;
}

.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

.pseudoBody .pseudoDisplay .TCGifts .giftType + .flex select{
    transition: .5s;
    height: 17px;
}


.TCGifts .giftType[value="gift"] + .flex select{
    width: 40px;    
}

.TCGifts .giftType[value="luckgift"] + .flex select{
    width: 65px;
}

.TCGifts .giftType[value="attributegift"] + .flex select{
    width: 86px;
}

.TCGifts .giftType[value="skillgift"] + .flex select{
    width: 62px;
}
.TCGifts .giftType[value="goggift"] + .flex select{
    width: 61px;
}
.TCGifts .giftType[value="magogift"] + .flex select{
    width: 77px;
}


.TCGifts .megaEdgeTypeAndExpander .flex .megaEdgeTypeExtension .flex{
    width: 40px;
}

.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_apparatus-1"], 
.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_apparatus-2"] {
    font-size: 12px;
    color: #5E5E5E;
    font-style: italic;
    font-weight: bold;
    width: 100%;
    height: 18px;
}

.TCGifts .inputPathName:hover, 
.TCGifts .inputPathName:active, 
.TCGifts .inputPathName:focus {
    background-color: white;
    border: 1px solid #ccc;
}



.TCGifts .pathStatus {    
   margin-top: 3px;
}


.pseudoBody .pseudoDisplay .TCGifts input.selectedPathStatus + .singleGift .pathStatus {
    background: #80407e26;
    transition: 1s;
}

.pseudoBody .pseudoDisplay .TCGifts input.selectedPathStatus[value="tainted"] + .singleGift .pathStatus {
    color: #2b2b2b;
    background: #91844252;  
    transition: 1s;
}



.TCGifts .megaEdgeTraitsHeader{
    padding-right: 0px;
    padding-left: 0px;
}


.TCGifts .quantumPowerAction .inputLine {
    font-size: 14px;
    border-color: #BFBFBF;
    color: #737373;
    min-width: 40%;
    flex-grow: 0;
    padding-right: 3%;
    margin-top: -2px;
    margin-top: -3px;
    padding-top: 3px;
    margin-right: -2px;
    text-align: end;
}

.TCGifts .megaEdgeTraitColumn1 {
    margin-right: 0px;
}


.TCGifts .megaEdgeTraitsHeader {
    height: initial;
}

.TCGifts .megaEdgeTraitColumn1 .giftDescription{
    margin-top: 10px;
} 




.TCGifts .megaEdgeTypeAndExpander .megaEdgeTypeExtension.npcInspTalentSource .inputPathName[name="attr_apparatus-1"], 
.TCGifts .megaEdgeTypeAndExpander .megaEdgeTypeExtension.npcInspTalentSource .inputPathName[name="attr_apparatus-2"]{
    font-weight: normal;
    margin-left: 5px;
}


.TCTransformation .deviations .titleLabel{
    margin-left: 0px;
}

.TCTransformation .traitHeader .conditionValue {
    width: 46px;
    height: 26px;
    align-items: flex-end;
}

.TCTransformation .traitHeader .conditionValue .inputLine {
    margin: 0px;
    font-size: 18px;
    margin: 0px;
    font-size: 16px;
    font-style: normal;
    text-align: center;
    padding-left: 4px;
    padding-right: 7px;
    font-weight: bold;
}

.pTwinSection .inspiration .divergence{
    width: 78%;
    max-width: 500px;
    margin-top: 15px;
}

.pTwinSection .inspiration .divergence{
    width: 78%;
    max-width: 500px;
    margin-top: 17px;
}

.pTwinSection .inspiration .divergence input {
    font-size: 20px;
    font-weight: bold;
}

input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .inspiration .sourceDots{
    margin-top: 18cpx;
}

input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .facets .facets{
    margin-top: 15px;
}

input.selectedTier[value="inspired"] ~ .selectedTierLevel[value="gog"] ~* .facets .facets .facet{
    margin-top: 5px;
}


input.selectedTier[value="NPC"] ~ .sourceType[value="inspirationGog"] ~* .inspiration .sourceDots{
    margin-top: 18cpx;
}

input.selectedTier[value="NPC"] ~ .sourceType[value="inspirationGog"] ~* .facets .facets{
    margin-top: 15px;
}

input.selectedTier[value="NPC"] ~ .sourceType[value="inspirationGog"] ~* .facets .facets .facet{
    margin-top: 5px;
}




/* ++++ - Fim Inspiration *TALENTS - +++++ */


/* ++++ - Quantum Powers *NOVA - +++++ */





.quantumFluxName,
.temporaryName{
    display: none;
}

.titleSelected[value="TRANSCENDENCE"] ~* .quantumFluxName{
    display:block;
}

.titleSelected[value="TAINT"] ~* .temporaryName{
    display:block;
}


.transcendence .sourceDots{
    margin-top: 20px;
}

.transcendence .sourceDots .divisor{
    margin-top: 9px;
    margin-bottom: 13px;
}




/* MEGA EDGES*/
.TCMegaEdges .title2{
    margin-bottom: 3px;

}

.megaEdge{
    /* margin-top: 7px; */
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
}

/* .TCSheet .TCMegaEdges .mega-edge .megaEdge.secondaryColorBackground{
    background-color: #ececec;
} */

.megaEdge .traitHeader{
    padding-left: 5px;
    padding-right: 5px;
    width: initial;
    align-items: center;   
}



.megaEdgeTypeExtension {
    display: none;       
    align-items: baseline;
    margin-top: 4px;   
}

input[value="technique"] ~* .megaEdgeTypeExtension,
input[value="variation"] ~* .megaEdgeTypeExtension,
input[value="component"] ~* .megaEdgeTypeExtension,
input[value="maxouted"] ~* .megaEdgeTypeExtension{
    display: flex;
}

input[value="maxouted"] ~* .megaEdgeTypeExtension{
   margin-top: 8px;
    margin-left: 5px;
}

input[value="maxouted"] ~* .megaEdgeTypeExtension div{
    display: none;
}



.megaEdgeTypeExtension div{
    font-size: 12px;
    color: #5E5E5E;
    font-style: italic;
    font-weight: normal;
    padding-top: 2px;
    margin-right: 3px;
    margin-left: 5px;
}   


.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_megaedgetypeextension-1"],
.megaEdgeTypeAndExpander .megaEdgeTypeExtension .inputPathName[name="attr_megaedgetypeextension-2"] {
    font-size: 12px;
    font-style: italic;
    font-weight: normal;
    width: 194px;
    height: 14px;    
}




.megaEdgeTypeAndExpander,
.megaEdgeNameAndDots{
    width: 100%;
}

.megaEdge .pathLabel{
    margin: 0px;
    margin-top: 5px;
    margin-left: -6px;
    margin-bottom: 5px;
    height: 18px;
    appearance: none;
    font-size: 12px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    background: #D1D1D1;
    border-radius: 0px;
    border: none;
}




.megaEdge .inputPathName:hover,
.megaEdge .inputPathName:active,
.megaEdge .inputPathName:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.megaEdge .inputPathName:placeholder-shown{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #a6a6a6;
    border-radius: 0px;
}

.megaEdge .selectedMegaAttribute[value=""] + select {
    border: none;  
    background-color: transparent;
}

.megaEdge .traitHeader .dots{
    padding: 0px;
    padding-top: 3px;
}

.megaEdgeExpandedArea{
    overflow: hidden;
}



.expanderFlag[value="0"] ~ .megaEdge{ 
   margin-bottom: 0px;
   transition: margin-bottom 0.3s;
} 

.expanderFlag[value="1"] ~ .megaEdge{ 
    margin-bottom: 17px;
    transition: margin-bottom 0.3s;

} 



.expanderFlag[value="0"] ~ .megaEdge .traitHeader{ 
    transition: height 0.3s;
    height: 65px;
} 

.expanderFlag[value="1"] ~ .megaEdge .traitHeader{ 
    transition: height 0.3s;
    height: 67px;
} 



.expanderFlag[value="0"] ~* .megaEdgeExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;
   
}

.expanderFlag[value="1"] ~* .megaEdgeExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
    height: 360px;
  
}

.megaEdgeTabButtons .secondaryColorBackground {
    transition: background-color 0s;
}

.megaEdgeTabButtons{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
}

.megaEdgeTabButtons button{
    border: none;
    font-size: 12px;
    color: #00000085;
    transition: background-color 0s;
    width: 50%;    
    border: solid;
    border-width: 1px;
    border-color:#ffffff00;
    border-bottom: none;
    background-color: unset; 

}

.megaEdgeTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}

.megaEdgeTabButtons button:focus{
    outline: none;
}

.megaEdgeTraitsTab,
.megaEdgeDescriptionTab{
   display: none; 
}



/* show the selected tab */
.megaEdgeTabsToggle[value="mega-edge-1-traits"] ~* .megaEdgeTraitsTab,
.megaEdgeTabsToggle[value="mega-edge-1-description"] ~* .megaEdgeDescriptionTab,
.megaEdgeTabsToggle[value="mega-edge-2-traits"] ~* .megaEdgeTraitsTab,
.megaEdgeTabsToggle[value="mega-edge-2-description"] ~* .megaEdgeDescriptionTab{
    display: flex;   
}





/* change button color */
.megaEdgeTabsToggle[value="mega-edge-1-traits"] ~* button[name="act_mega-edge-1-traits"],
.megaEdgeTabsToggle[value="mega-edge-1-description"] ~* button[name="act_mega-edge-1-description"],
.megaEdgeTabsToggle[value="mega-edge-2-traits"] ~* button[name="act_mega-edge-2-traits"],
.megaEdgeTabsToggle[value="mega-edge-2-description"] ~* button[name="act_mega-edge-2-description"]{
    background-color: #F5F6F7;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.megaEdgeTabContent{
    height: 314px;
    background-color:#F5F6F7;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:#B9B9B9;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color:#B9B9B9;
    padding-top:10px;    
}

.megaEdgeTraitsHeader{
    padding-right: 15px;
    padding-left: 15px;
    height: 48px;
}

.megaEdgeTraitColumn1{
    margin-right: 4.425%;
}

.megaEdgeTraitColumn1{
    width: 115%;
}

.megaEdgeTraitsTab .readerTrait,
.megaEdgeDescriptionTab .readerTrait{
    margin-bottom: 5px;
}


.megaEdgeTraitsTab .input-label,
.megaEdgeDescriptionTab .input-label{
    font-size: 14px;
    color: #464646;
}

.megaEdgeTraitsTab .inputLine {
	font-size: 14px;
	border-color: #BFBFBF;
	color: #737373;
	text-align: end;
	min-width: 40%;
	flex-grow: 0;
	padding-right: 3%;
    /* margin-top: -2px; */
    margin-top: -3px;
    padding-top: 3px;
    margin-right: -2px;
}

.megaEdgeTagsContainer{
    background: #FBFBFB;
    width: calc(100% - 30px);
    height: 273px;
    border: none;
    border-top-style: solid;
    border-top-color: #B9B9B9;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 5px;
}

.megaEdgeTagsColumn1{
    margin-right: 4.425%;
}

.megaEdgeTagsColumn1,
.megaEdgeTagsColumn2{
    width: 50%;
}

    
.megaEdgeTag{
    margin-top: 3px;
}

.megaEdgeTag .traitHeader {
    padding: 0px;
}

.megaEdgeTagsContainer .flex.fColumn .megaEdgeTag .traitHeader{
	height: auto;
}

.megaEdgeTagsContainer .megaEdgeTag .inputLine {
	text-align: center;
}

.megaEdgeTagsContainer .megaEdgeTagsColumn1 .megaEdgeTag .expandedArea {
	max-width: calc(45% - 50px);
    min-width: calc(45% - 50px);	
}

.megaEdgeTagsContainer .megaEdgeTagsColumn2 .megaEdgeTag .expandedArea {
	max-width: calc(45% - 50px);
    min-width: calc(45% - 50px);
    left: 17px;
}


.megaEdge.secondary .megaEdgeTagsContainer .megaEdgeTagsColumn2 .megaEdgeTag .expandedArea {
	max-width: calc(45% - 50px);
	min-width: calc(45% - 50px);
    right: 16px;
    left: initial;
}


.megaEdgeTag .expanderFlagModal[value="0"] ~ .expandedArea,
.megaEdgeTag .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: -4px;
}

.megaEdgeTag input[type="checkbox"].expander + span::after {
    color: #828282;
} 

.megaEdgeTag .traitHeader{
    position: relative;
}

.megaEdgeDescriptionTab{
    height: 90%;
    padding: 10px;
}

.megaEdgeDescriptionTab .readerTrait textarea {
    min-height: 100%;
    max-height: 100%;
    height: 194px;
}

.mega-edge .repcontainer.editmode .repitem[data-reprowid="----Rep-MEdg---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/*  FIM MEGA EDGES */


/*  MEGA ATTRIBUTE ALTERNATIVE */
.TCMegaAttributeAlternative .megaEdgeTraitsHeader {
    height: 27px;
}

.TCMegaAttributeAlternative .megaEdgeTabContent {
    height: 306px;
}

.TCMegaAttributeAlternative .dots{
    margin-top: -10px;
}

.TCMegaAttributeAlternative .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {   
    height: 339px;
}

.TCMegaAttributeAlternative .inputPathName {   
    appearance: none;
}

.TCMegaAttributeAlternative .selectedMegaAttribute[value=""] + .inputPathName {   
    border-bottom: 1px solid #a6a6a6;
    border-radius: 0px;
}

.TCMegaAttributeAlternative .repcontainer.editmode .repitem[data-reprowid="----Rep-MAta---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/*  FIM MEGA ATTRIBUTE ALTERNATIVE */





/* TRANSFORMATIONS */

.transformation .titleSelectInputContainer,
.transformation .title2,
.transformation .repcontrol{
    margin-bottom: 5px;
}

.titleSelected[value='TRANSFORMATIONS'] ~* .inputTitle{
    margin-left: -10px;
}

.pTwinSection .transformation .title2{
    margin-bottom: 5px;
}

.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-00"] .itemcontrol .repcontrol_del,
.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-01"] .itemcontrol .repcontrol_del,
.TCTransformation .repcontainer.editmode .repitem[data-reprowid="----Rep-TRANSF-ID-02"] .itemcontrol .repcontrol_del{
    display: none;
}


.TCTransformation .expandedArea{
    max-width: 42.8%;
    min-width: 42.8%;
}

/*FIM TRANSFORMATIONS*/


/*QUANTUM POWER*/
.TCQuantumPowers .title2{
    margin-bottom: 3px;

}

.quantumPower{
    /* margin-top: 7px; */
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
}

.quantumPower .traitHeader{
    padding-left: 5px;
    padding-right: 5px;
    width: initial;
    align-items: center;
}

.quantumPowerTypeAndExpander,
.quantumPowerNameAndDots{
    width: 100%;
}

.quantumPower .pathLabel{
    margin: 0px;
    margin-top: 5px;
    margin-left: -6px;
    margin-bottom: 5px;
    height: 18px;
    appearance: none;
    font-size: 12px;
    padding-top: 0px;
    padding-right: 2px;
    padding-bottom: 1px;
    padding-left: 2px;
    background: #D1D1D1;
    border-radius: 0px;
    border: none;
}


.powerTypeExtension {
    display: none;       
    align-items: baseline;
    margin-top: 4px;   
}

input[value="technique"] ~* .powerTypeExtension,
input[value="variation"] ~* .powerTypeExtension,
input[value="component"] ~* .powerTypeExtension,
input[value="maxouted"] ~* .powerTypeExtension{
    display: flex;
}

input[value="maxouted"] ~* .powerTypeExtension{
    margin-top: 8px;
    margin-left: 5px;
}


input[value="maxouted"] ~* .powerTypeExtension div{
    display: none;
}

.powerTypeExtension div{
    font-size: 12px;
    color: #5E5E5E;
    font-style: italic;
    font-weight: normal;
    padding-top: 2px;
    margin-right: 3px;
    margin-left: 5px;
}   


.quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-1"],
.quantumPowerTypeAndExpander .powerTypeExtension .inputPathName[name="attr_powertypeextension-2"] {
    font-size: 12px;
    color: #5E5E5E;
    font-style: italic;
    font-weight: normal;
    width: 194px;
    height: 14px;   
}




.quantumPower .inputPathName:hover,
.quantumPower .inputPathName:active,
.quantumPower .inputPathName:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.quantumPower .inputPathName:placeholder-shown{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #a6a6a6;
    border-radius: 0px;
}

.quantumPower .traitHeader .dots{
    padding: 0px;
    padding-top: 3px;
}

.quantumPowerExpandedArea{
    overflow: hidden;
}



.expanderFlag[value="0"] ~ .quantumPower{ 
   margin-bottom: 0px;
   transition: margin-bottom 0.3s;
} 

.expanderFlag[value="1"] ~ .quantumPower{ 
    margin-bottom: 17px;
    transition: margin-bottom 0.3s;

} 



.expanderFlag[value="0"] ~ .quantumPower .traitHeader{ 
    transition: height 0.3s;
    height: 65px;
} 

.expanderFlag[value="1"] ~ .quantumPower .traitHeader{ 
    transition: height 0.3s;
    height: 67px;
} 



.expanderFlag[value="0"] ~* .quantumPowerExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;
   
}

.expanderFlag[value="1"] ~* .quantumPowerExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
    height: 380px;
  
}

.quantumPowerTabButtons .secondaryColorBackground {
    transition: background-color 0s;
}

.quantumPowerTabButtons{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
}

.quantumPowerTabButtons button{
    border: none;
    font-size: 12px;
    color: #00000085;
    transition: background-color 0s;
    width: 50%;    
    border: solid;
    border-width: 1px;
    border-color:#ffffff00;
    border-bottom: none;
    background-color: unset; 

}

.quantumPowerTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}

.quantumPowerTabButtons button:focus{
    outline: none;
}

.quantumPowerTraitsTab,
.quantumPowerDescriptionTab{
   display: none; 
}



/* show the selected tab */
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* .quantumPowerTraitsTab,
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* .quantumPowerDescriptionTab,
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* .quantumPowerTraitsTab,
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* .quantumPowerDescriptionTab{
    display: flex;   
}





/* change button color */
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* button[name="act_quantum-power-1-traits"],
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* button[name="act_quantum-power-1-description"],
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* button[name="act_quantum-power-2-traits"],
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* button[name="act_quantum-power-2-description"]{
    background-color: #F5F6F7;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.quantumPowerTabContent{
    height: 362px;
    background-color:#F5F6F7;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:#B9B9B9;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color:#B9B9B9;
    padding-top:10px;    
}

.quantumPowerTraitsHeader{
    padding-right: 15px;
    padding-left: 15px;
    height: 96px;
}

.quantumPowerTraitColumn1{
    margin-right: 4.425%;
}

.quantumPowerTraitColumn1,
.quantumPowerTraitColumn2{
    width: 50%;
}

.quantumPowerTraitsTab .readerTrait,
.quantumPowerDescriptionTab .readerTrait{
    margin-bottom: 5px;
}


.quantumPowerTraitsTab .input-label,
.quantumPowerDescriptionTab .input-label{
    font-size: 14px;
    color: #464646;
}

.quantumPowerTraitsTab .inputLine {
	font-size: 14px;
	border-color: #BFBFBF;
	color: #737373;
	text-align: end;
	min-width: 40%;
	flex-grow: 0;
	padding-right: 3%;
    /* margin-top: -2px; */
    margin-top: -3px;
    padding-top: 3px;
    margin-right: -2px;
}

.quantumPowerTagsContainer{
    background: #FBFBFB;
    width: calc(100% - 30px);
    height: 265px;
    border: none;
    border-top-style: solid;
    border-top-color: #B9B9B9;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.quantumPowerTagsColumn1{
    margin-right: 4.425%;
}

.quantumPowerTagsColumn1,
.quantumPowerTagsColumn2{
    width: 50%;
}

    
.quantumPowerTag{
    margin-top: 3px;
}

.quantumPowerTag .traitHeader {
    padding: 0px;
}

.quantumPowerTagsContainer .flex.fColumn .quantumPowerTag .traitHeader{
	height: auto;
}

.quantumPowerTagsContainer .quantumPowerTag .inputLine {
	text-align: center;
}

.quantumPowerTagsContainer .quantumPowerTagsColumn1 .quantumPowerTag .expandedArea {
	max-width: calc(45% - 50px);
    min-width: calc(45% - 50px);	
}

.quantumPowerTagsContainer .quantumPowerTagsColumn2 .quantumPowerTag .expandedArea {
	max-width: calc(45% - 50px);
    min-width: calc(45% - 50px);
    left: 17px;
}


.quantumPower.secondary .quantumPowerTagsContainer .quantumPowerTagsColumn2 .quantumPowerTag .expandedArea {
	max-width: calc(45% - 50px);
	min-width: calc(45% - 50px);
    right: 16px;
    left: initial;
}


.quantumPowerTag .expanderFlagModal[value="0"] ~ .expandedArea,
.quantumPowerTag .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: -4px;
}

.quantumPowerTag input[type="checkbox"].expander + span::after {
    color: #828282;
} 

.quantumPowerTag .traitHeader{
    position: relative;
}

.quantumPowerDescriptionTab{
    height: 90%;
    padding: 10px;
}

.quantumPowerDescriptionTab .readerTrait textarea {
    min-height: 100%;
    max-height: 100%;
    height: 240px;
}

.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}


/* ++++ - Fim Quantum Powers *NOVA - +++++ */



/*  Superior Atributtes */
.selectedTier[value="superior"] ~* .arenaTitle{
    display: none;
}




.fortes.arenas{
    position: relative;
    width: 84%;
    margin-left: 16%;
    background-color: #D2D2D2;
    margin-bottom: 1px;    
}


.pseudoDisplay .TCAttributes .fortes .forte.arena.central{
   border-left-style:solid;
   border-right-style:solid;      
}

.pseudoDisplay .TCAttributes .fortes .forte.arena{
    display: flex;
    align-items: center;
    width: 33.33%;
    justify-content: center;
    border-style:none;   
}


.forte.arena .input-label{
    color:white;
    font-size: 10.5px;
    padding-left: 3px;    
    height: 16px;
    display: flex;
    align-items: center;
    font-weight: bold;
    letter-spacing: 1px;
}


.forte button.dot{
    background-color: #26262600;
}

.forte button.dot:hover {
    transform: scale(1.2);
}

.forte button.dot::before{
    background-color: #ffffff;  
}

.forte button.dot > span{
    transform: scale(0.7);
 }
 




/*  Fim Superior Atributtes */



/*  Superior Power */

.TCSuperiorPowers .title2{
    margin-bottom: 3px;

}

.superiorPower{
    /* margin-top: 7px; */
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
}

.superiorPower .traitHeader{
    padding-left: 5px;
    padding-right: 5px;
    width: initial;
    align-items: center;   
}


.superiorPower .pathLabel{
    margin: 0px;
    margin-top: 5px;
    margin-left: -6px;
    margin-bottom: 5px;
    height: 15px;
    appearance: none;
    font-size: 12px;
    padding-top: 0px;
    /* padding-right: 2px; */
    padding-bottom: 1px;
    /* padding-left: 2px; */
    background: #D1D1D1;
    border-radius: 0px;
    border: none;
}




.superiorPower .inputPathName:hover,
.superiorPower .inputPathName:active,
.superiorPower .inputPathName:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.superiorPower .inputPathName:hover,
.superiorPower .inputPathName:active,
.superiorPower .inputPathName:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.superiorPower .inputPathName:placeholder-shown{
    background-color: transparent;
    border: none;
    border-bottom: 1px solid #a6a6a6;
    border-radius: 0px;
}

.superiorPower .traitHeader .dots{
    padding: 0px;
    padding-top: 3px;
}

.megaEdgeExpandedArea{
    overflow: hidden;
}



.expanderFlag[value="0"] ~ .superiorPower{ 
   margin-bottom: 0px;
   transition: margin-bottom 0.3s;
} 

.expanderFlag[value="1"] ~ .superiorPower{ 
    margin-bottom: 17px;
    transition: margin-bottom 0.3s;

} 



.expanderFlag[value="0"] ~ .superiorPower .traitHeader{ 
    transition: height 0.3s;
    height: 65px;
} 

.expanderFlag[value="1"] ~ .superiorPower .traitHeader{ 
    transition: height 0.3s;
    height: 67px;
} 


.superior .megaEdgeTabContent{
    height: 323px;    
}


.superior .megaEdgeDescriptionTab {
   padding-top: 0px;
   padding-bottom: 0px;
   display: flex;
   width: 100%;
}


.superior .megaEdgeTraitColumn1 {
    width: 115%;
    height: 48px;
}

.superior .megaEdgeTraitsHeader{
    padding: 0px;
}

.superior .megaEdgeTabContent .inputLine {
    font-size: 14px;
    border-color: #BFBFBF;
    color: #737373;
    text-align: center;
    width: 40%;
    flex-grow: 0;
    padding-right: 3%;
    margin-top: -2px;
    margin-top: -3px;
    padding-top: 3px;
    margin-right: -2px;
}

.superior .megaEdgeDescriptionTab .readerTrait textarea {
    min-height: 255px;
    max-height: 255px;
}

.superior .megaEdgeTabContent{
    height: 323px;
    display: flex;
}

.superior .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
    height: 335px;
}

.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/*  Fim Superior Power*/





/*  Power Suit Color*/

.powerSuiteColorSection .input-label{
    padding-top: 20px;

}

.optionPowerSuiteColor {
	align-items: center;
	width: 180px;
	margin-bottom: 6px;
}

.optionsPowerSuiteColor {
	padding-top: 10px;
    justify-content: space-between;
}

.colorCircle {
	border-color: #929292;
	border-width: 1px;
	border-style: solid;
    border-radius: 100%;
    margin-right: -21px;	
}

.pseudoBody .pseudoDisplay .inputPowerSuiteColor{
    opacity: 0;
    width: 20px;
	height: 20px;
}

.circleDefault{
   margin-right: 8px;

}

.colorCircle.major{
    width: 20px;
	height: 20px;
}

.colorCircle.minor{
    width: 12px;
	height: 12px;
}


.minor + input.inputPowerSuiteColor{
    margin-left: 7px;
}


/* .pseudoDisplay .pSection .powerSuiteColor[value="color1"] ~ .quantumPower,
.optionPowerSuiteColor .color1{
    background-color: #dcfefc;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color2"] ~ .quantumPower,
.optionPowerSuiteColor .color2{
    background-color: #e8fedc;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color3"] ~ .quantumPower,
.optionPowerSuiteColor .color3{
    background-color: #e3dcfe;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color4"] ~ .quantumPower,
.optionPowerSuiteColor .color4{
    background-color: #ffa5a3;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color5"] ~ .quantumPower,
.optionPowerSuiteColor .color5{
    background-color: #ffd8b2;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color6"] ~ .quantumPower,
.optionPowerSuiteColor .color6{
    background-color: #f2d47b;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color7"] ~ .quantumPower,
.optionPowerSuiteColor .color7{
    background-color: #B0B0B0;
} */



.pseudoDisplay .pSection .powerSuiteColor[value="color1"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color1"] ~ .megaEdge,
.optionPowerSuiteColor .color1{
    background-color: #84d6ff;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color2"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color2"] ~ .megaEdge,
.optionPowerSuiteColor .color2{
    background-color: #d0eefd;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color3"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color3"] ~ .megaEdge,
.optionPowerSuiteColor .color3{
    background-color: #c49f7f;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color4"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color4"] ~ .megaEdge,
.optionPowerSuiteColor .color4{
    background-color: #f0d4bb;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color5"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color5"] ~ .megaEdge,
.optionPowerSuiteColor .color5{
    background-color: #f28c6c;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color6"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color6"] ~ .megaEdge,
.optionPowerSuiteColor .color6{
    background-color: #fbb8a4;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color7"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color7"] ~ .megaEdge,
.optionPowerSuiteColor .color7{
    background-color: #aff4f0;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color8"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color8"] ~ .megaEdge,
.optionPowerSuiteColor .color8{
    background-color: #e2fffd;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color9"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color9"] ~ .megaEdge,
.optionPowerSuiteColor .color9{
    background-color: #8fa8f4;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color10"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color10"] ~ .megaEdge,
.optionPowerSuiteColor .color10{
    background-color: #b2c4f7;
    transition: 1s;
}


.pseudoDisplay .pSection .powerSuiteColor[value="color11"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color11"] ~ .megaEdge,
.optionPowerSuiteColor .color11{
    background-color: #b0f291;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color12"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color12"] ~ .megaEdge,
.optionPowerSuiteColor .color12{
    background-color: #d8eece;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color13"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color13"] ~ .megaEdge,
.optionPowerSuiteColor .color13{
    background-color: #d3a7ea;
    transition: 1s;
}

.pseudoDisplay .pSection .powerSuiteColor[value="color14"] ~ .quantumPower,
.pseudoDisplay .pSection .powerSuiteColor[value="color14"] ~ .megaEdge,
.optionPowerSuiteColor .color14{
    background-color: #decce8;
    transition: 1s;
}



.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower,
.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge{    
    background-color: transparent;    
}



.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .dot::before,
.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .dot::before{
    left: 5px;
}

.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .dot > span,
.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .dot > span{
    min-width: 10px;
    height: 10px;
    background: #848484;
}


.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .powerSuiteColorSection,
.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .powerSuiteColorSection{
    opacity: 0;
    pointer-events: none;
}

.maxOutPlus{
    display: none;
    font-size: 19px;
    margin-right: 4px;    
}

.TCMegaAttributeAlternative .maxOutPlus{
    margin-top: -9px;
}

.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .quantumPower .maxOutPlus,
.pseudoBody .pseudoDisplay .pSection .powerType[value="maxouted"] ~ .megaEdge .maxOutPlus{
    display: flex;
}





/* ++++ - PSI Powers *PSION - +++++ */

/* PSI */
.psi .sourceDots{
    margin-top: 18px;
}

.psi .sourceDots .sourceMax button.dot {
    margin-left: 14px;
	margin-right: 14px;
}

.psi .boxPoints{
	width: 75%;
}

.psi .divisor{
    margin-top: 7px;
    margin-bottom: 13px;
}

.psi .divisor .line{
    width: 85px;
}

.psiTraits .title2{
    margin-bottom: 14px;
}
/* FIM PSI */


/* PSI-Traits */

.psiTraits .input-label{
    font-size: 15px;
}

.psiTraitsHeader{
    padding-right: 5px;
    padding-left: 5px;
   
}

.psiTraitColumn1{
    margin-right: 4.425%;
}

.psiTraitColumn1{
    width: 60%;
}

.psiTraitColumn2{
    width: 40%;
}

.psiTraitDuration,
.psiTraitRange{
    margin-top: 5px;
}

.psiTraitTolerance{
    margin-top: 16px;
    margin-bottom: 0px;    
}

.psiTraitTolerance input{
    max-width: 18%;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0px;
    text-align: center;
}

.psiTraitTolerance div{
    font-size: 15px;
}
/* FIM PSI-Traits */



/* APTITUDE */
.TCAptitude .title2{
    margin-bottom: 10px;
}

.TCSecondaryAptitude .title2{
    margin-bottom: 0px;
}

.TCSecondaryAptitude .pathLabel {
    width: fit-content;
    height: 18px;
    font-size: 12px;
    text-align: center;
    margin-left: -10px;
    margin-top: -2px;
    padding:0px;
    border: none;
    border-radius:0px;
    appearance: none;
}


.pseudoDisplay .TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .advanced{
    display:none;
}



.TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .pathLabel{
    background-color: #A5181C;
    color: white;    
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="priaptitude"] ~* .primaryColorFont{
    color:#A5181C;
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .pathLabel{
    background-color:#C83C20;
    color: white;
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="secaptitude"] ~* .primaryColorFont{
    color:#C83C20;
}


.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
    background-color: #000000;
    color: white;
    font-style: italic;
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .primaryColorFont{
    color:#000000;   
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~ .aptitude{
    background: #dfdfdf;
}

.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .basicMode{
    border-color: #9F9F9F;
}





[name="attr_secondaryaptitude-trait-2"] option[value="innate"]{
    display:none;
}

[name="attr_secondaryaptitude-trait-1"] option[value="quantakinesis"]{
    display:none;
}

.TCSecondaryAptitude .secondaryAptitudeName[value="quantakinesis"] ~* [name="attr_secondaryaptitude-trait-2"] option[value="innate"]{
    display:block;
}


.TCSecondaryAptitude .secondaryAptitudeName[value="quantakinesis"] + .secondaryAptitudeType[value="innate"] ~* .aptitudeModes{
    display:none;
}


.TCSecondaryAptitude .repcontainer.editmode .repitem[data-reprowid="----Rep-SApt---ID-00"] .itemcontrol .repcontrol_del,
.TCSecondaryAptitude .repcontainer.editmode .repitem[data-reprowid="----Rep-SApt---ID-01"] .itemcontrol .repcontrol_del{
    display: none;
}

.TCSecondaryAptitude .repcontainer .repitem[data-reprowid="----Rep-SApt---ID-00"] .selectAptitude{
    pointer-events: none;
}




.secondaryAptitude {
    margin-top: 10px;
}

.secondaryAptitude .aptitudeTitle{
    margin-top: -18px;
}


.aptitude{
    width: auto;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background-color: #ececec;
    border-style: solid;
    border-width: 1px;
    /* border-color: #dfdfdf; */
    border-color: #d0d0d0;
}


.aptitudeTitle select{
    text-align: center;
    text-align-last: center;
    appearance: none;
    background: transparent;
    border: none;
    font-size: 25px;
    font-weight:900;   
}

.aptitudeTitle select option{
    text-align: center;
    font-size: 13px;
    font-weight:500;
    color: #4b4b4b;
}

.ui-dialog .charsheet .aptitude .sheet-2colrow .sheet-col {
    width: calc(50% - 17px);
    margin-right: 30px;
}

.basicMode{
    width: 100%;
    border-style: solid;
    border-color: #B9B9B9;
    border-width: 1px;
}


.aptitude .basicMode .traitHeader{
    width: auto;
    height: 38px;
    /* border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E9E9E9; */
    align-items: center;
    padding-left: 10px;
    padding-right: 10px; 
}

.basicModeTitle{
   font-size: 18px;
   color: #494949;
}

.basicModeBiokinesis,
.basicModeClairsentience,
.basicModeElectrokinesis,
.basicModePsychokinesis,
.basicModeQuantakinesis,
.basicModeTelepathy,
.basicModeTeleportation,
.basicModeVitakinesis{
    display: none;
}

.aptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
.aptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
.aptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
.aptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
.aptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
.aptitudeName[value="telepathy"] ~* .basicModeTelepathy,
.aptitudeName[value="teleportation"] ~* .basicModeTeleportation,
.aptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
    display: block;
}


.primaryAptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
.primaryAptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
.primaryAptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
.primaryAptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
.primaryAptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
.primaryAptitudeName[value="telepathy"] ~* .basicModeTelepathy,
.primaryAptitudeName[value="teleportation"] ~* .basicModeTeleportation,
.primaryAptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
    display: block;
}


.secondaryAptitudeName[value="biokinesis"] ~* .basicModeBiokinesis,
.secondaryAptitudeName[value="clairsentience"] ~* .basicModeClairsentience,
.secondaryAptitudeName[value="electrokinesis"] ~* .basicModeElectrokinesis,
.secondaryAptitudeName[value="psychokinesis"] ~* .basicModePsychokinesis,
.secondaryAptitudeName[value="quantakinesis"] ~* .basicModeQuantakinesis,
.secondaryAptitudeName[value="telepathy"] ~* .basicModeTelepathy,
.secondaryAptitudeName[value="teleportation"] ~* .basicModeTeleportation,
.secondaryAptitudeName[value="vitakinesis"] ~* .basicModeVitakinesis{
    display: block;
}


.basicModeCost{
    margin-right: 2px;
    margin-bottom: -2px;
}

.basicModeCost .input-label{
    font-size: 13px;
    margin-top: 6px;
    color: #464646;
}

.basicModeCost .inputLine{
    margin-top: 1px;
    width: 30px;
    margin-left: 5px;
    text-align: center;
    padding: 0px;
    font-size: 19px;
    color: #494949;
    border-color: #9E9E9E;
}

.basicMode .spanExpander{
    color: #6e6e6e;
}


.basic-modeExpandedArea{
    padding-left: 10px;
    padding-right: 10px; 
    background-color: #F5F6F7;  
}


.expanderFlag[value="0"] ~ .basic-modeExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;   
}

.expanderFlag[value="1"] ~ .basic-modeExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
    height: 228px;
    padding-bottom: 6px;
}

.basicModeTraitBar{
    padding-top: 10px;
}

.basicModeTraitBar input{
   margin-right: 5px;
   margin-top: -2px;
}

.basicModeTraitBar .input-label{
    font-size: 15px;
    color: #373737;
}

.basic-modeExpandedArea .description{
    max-width: 94.5%;
    min-width: 94.5%;
    max-height: 78%;
    min-height: 78%;
    padding-left: 2%;
    padding-right: 3%;
    padding-top: 5px;
    text-indent: 20px;
    line-height: 1.6;
    border-radius: 0px;
    font-size: 13.5px;
    scrollbar-width: thin;
    margin-top: 5px;
}
/* FIM APTITUDE */




/* APTITUDE MODE */

.aptitudeModes{
    margin-top: 15px;
    min-width: 100%;
}

.aptitudeModes .aptitudeMode1,
.aptitudeModes .aptitudeMode2,
.aptitudeModes .aptitudeMode3{
    width: 31.7%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    padding-bottom: 10px;
}

.aptitudeModeHeader{
    padding-top: 15px;
    padding-right: 5px;
    padding-left: 10px;
    margin-bottom: 7px;   
}

.inputAptitudeModeName{
    width: 100%;
    border: none;
    background-color: unset;
    font-size: 18px;
    font-weight: 500;
    padding: 0px;
    width: 67%;  
    letter-spacing: -0.3px;
    border-radius: 0px;
    color: #5E5E5E; 
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;  
}

/* .inputAptitudeModeName:hover,
.inputAptitudeModeName:active,
.inputAptitudeModeName:focus,
.inputAptitudeModeName:placeholder-shown{
    background-color: white;
    border: 1px solid #ccc;
} */

.radiusHalfMode{
    margin-top: 10px;
}



.aptitudeRadius{
    padding-right: 10px;
    width: 60%;
}

.aptitudeHalfMode{
    width: 89px;    
}

.aptitudeRadius .input-label,
.aptitudeHalfMode .input-label{
    font-size: 14px;
    color: #636363; 
}

.aptitudeRadius input,
.aptitudeHalfMode input{
    border-bottom: 1px solid #a8a8a8;
    text-align: right;
}

.aptitudeRadius input{
    padding-right: 6px;
 }

.aptitudeHalfMode input{
   text-align: center;
   padding: 0px;
}

.aptitudeModeLevelsContainer{
    width: 100%;
    height: auto;
    background: #F5F6F7;
    padding-top: 10px;
    padding-bottom: 16px;
    border-bottom: 1px solid #b9b9b9;
}


.aptitudeModeLevel{
    /* margin-bottom: 1px; */
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.aptitudeModes .aptitudeModeLevelsContainer .traitHeader{
    padding-left: 10px;
    padding-right: 10px;
    background: transparent;
}

.aptitudeModes .aptitudeModeLevelsContainer .traitHeader .inputLine{
    border-bottom: 1px solid #939394;
}

.aptitudeModes .aptitudeModeLevelsContainer .traitHeader .expander + span{
    color:#949595;
    font-size:11px;
}

.aptitudeModeExpandedArea{
    width: 100%;
    background: white;
    padding-left: 10px;
    padding-right: 10px;
}

.expanderFlag[value="0"] ~ .aptitudeModeExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s, margin 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;
    overflow: hidden;  
}

.expanderFlag[value="1"] ~ .aptitudeModeExpandedArea{ 
    transition: height 0.3s , opacity 0.3s, margin 0.3s;
    /* margin-bottom: 10px;     */
    height: 270px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #ddd;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #ddd;
}


.aptitudeModeLevelTraitBar{
    padding-top: 15px;
    padding-left: 1px;    
}

.aptitudeModeLevelTraitBar input{
   margin-right: 3px;
}

.aptitudeModeLevelTraitBar .input-label,
.aptitudeModeLevelCost .input-label{
    font-size: 12px;
    color: #676767;
}

.aptitudeModeLevelCost{
    margin-right: 2px;
    margin-bottom: -2px;
}

.aptitudeModeExpandedArea input[type="checkbox"]{
    width: 12px;
}

.aptitudeModeExpandedArea input[type="checkbox"]::before{
    height: 9px;

}

.aptitudeModeLevelCost .inputLine{
    margin-top: -3px;
    width: 19px;
    margin-left: 5px;
    text-align: center;
    padding: 0px;
    font-size: 16px;
    color: #5b5b5b;
    border-color: #9E9E9E;
}

.aptitudeModeExpandedArea .description{
    max-width: 94.5%;
    min-width: 94.5%;
    max-height: 77%;
    min-height: 77%;
    padding-left: 2%;
    padding-right: 3%;
    padding-top: 5px;
    text-indent: 20px;
    line-height: 1.6;
    border-radius: 0px;
    font-size: 13.5px;
    scrollbar-width: none;
    margin-top: 7px;    
}


.aptitudeModeLevel.basic .aptitudeModeExpandedArea .description{
    max-height: 66%;
    min-height: 66%;

}


.aptitudeModes .aptitudeProxyLevel{
    width: 40%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px; 
}

.aptitudeModes .aptitudeProxyLevel .aptitudeProxyLevelHeader{
    font-size: 15px;
    font-weight: bold;
    color: #6B6B6B;
}

.aptitudeProxyLevelsContainer{
    width: 100%;
    height: auto;
    background: #F5F6F7;
    padding-bottom: 10px;
}

.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader{
    padding-left: 10px;
    padding-right: 10px;
    background: transparent;
}

.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .inputLine{
    border-bottom: 1px solid #939394;
}

.aptitudeModes .aptitudeProxyLevelsContainer .traitHeader .expander + span{
    color:#949595;
    font-size:11px;
}


/* FIM APTITUDE MODE */


.auxiliaryModeContainer{
    margin-top: 10px;
}

.auxiliaryMode{
    width: 31.7%;
    height: auto;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    padding-bottom: 10px;
}

.auxiliaryMode .aptitudeModeLevelsContainer .traitHeader {
	padding-left: 10px;
	padding-right: 10px;
	background: transparent;
}

.auxiliaryMode .aptitudeModeHeader {	
	padding-right: 10px;
	padding-left: 10px;	
}

.auxiliaryMode .aptitudeModeLevelsContainer .traitHeader .inputLine {
	border-bottom: 1px solid #939394;
}

.basicLabel{
    font-size: 12px;
    color: #515151;
}

.aptituleauxiliaryMode{
    margin-top: 5px;
    margin-left: 5px;
    font-size: 11px;   
    font-weight: bold;
} 

.auxiliaryMode .aptitudeModeHeader {
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 10px;
    margin-bottom: 7px;
}

.inputAptitudeauxiliaryModeName {
	width: 100%;
	border: none;
	background-color: unset;
	font-size: 18px;
	font-weight: 500;
	padding: 0px;
	width: 90%;
	letter-spacing: -0.3px;
	border-radius: 0px;
	color: #5E5E5E;
	border: 1px solid rgba(204, 204, 204, 0);
	border-radius: 3px;
	appearance: none;
    margin-left: -6px;
    margin-bottom: -2px;
    background: white;
    border: 1px solid #ccc;
}

.inputAptitudeauxiliaryModeName option,
.inputAptitudeauxiliaryModeName option:disabled{
    font-size: 13px;
}

.inputAptitudeauxiliaryModeName option:disabled{
    background: #a5181c;
    color: rgb(255, 255, 255);    
}

.auxiliaryModeSelected[value="adaptation"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="psychomorph"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="transmogrify"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="psychometry"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="psycholocat"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="psychocognit"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="electromanipul"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="photokinesis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="technokinesis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="thermokinesis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="telekinesis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="perikinesis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="energetics"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="fundamentals"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="transmutation"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="rapport"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="mindshare"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="psychbending"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="translocation"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="transmassion"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="transportal"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="iatrosis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="augendis"] ~* .inputAptitudeauxiliaryModeName,
.auxiliaryModeSelected[value="algesis"] ~* .inputAptitudeauxiliaryModeName{
    background: none;
    border: none;
}


.auxiliaryModeSelected[value="adaptation"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="psychomorph"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="transmogrify"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="psychometry"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="psycholocat"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="psychocognit"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="electromanipul"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="photokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="technokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="thermokinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="telekinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="perikinesis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="energetics"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="fundamentals"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="transmutation"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="rapport"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="mindshare"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="psychbending"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="translocation"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="transmassion"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="transportal"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="iatrosis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="augendis"] ~* .inputAptitudeauxiliaryModeName:hover,
.auxiliaryModeSelected[value="algesis"] ~* .inputAptitudeauxiliaryModeName:hover{
    background: white;
    border: 1px solid #ccc;
}


.auxiliaryModeBiokinesis,
.auxiliaryModeClairsentience,
.auxiliaryModeElectrokinesis,
.auxiliaryModePsychokinesis,
.auxiliaryModeQuantakinesis,
.auxiliaryModeTelepathy,
.auxiliaryModeTeleportation,
.auxiliaryModeVitakinesis{
    display: none;
}


.auxiliaryModeSelected[value="adaptation"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="psychomorph"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="transmogrify"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="psychometry"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="psycholocat"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="psychocognit"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="electromanipul"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="photokinesis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="technokinesis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="thermokinesis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="telekinesis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="perikinesis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="energetics"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="fundamentals"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="transmutation"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="rapport"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="mindshare"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="psychbending"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="translocation"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="transmassion"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="transportal"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="iatrosis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="augendis"] ~ .auxiliaryModeNone,
.auxiliaryModeSelected[value="algesis"] ~ .auxiliaryModeNone{
    display:none;
}


.auxiliaryModeSelected[value="adaptation"] ~ .auxiliaryModeBiokinesis,
.auxiliaryModeSelected[value="psychomorph"] ~ .auxiliaryModeBiokinesis,
.auxiliaryModeSelected[value="transmogrify"] ~ .auxiliaryModeBiokinesis,
.auxiliaryModeSelected[value="psychometry"] ~ .auxiliaryModeClairsentience,
.auxiliaryModeSelected[value="psycholocat"] ~ .auxiliaryModeClairsentience,
.auxiliaryModeSelected[value="psychocognit"] ~ .auxiliaryModeClairsentience,
.auxiliaryModeSelected[value="electromanipul"] ~ .auxiliaryModeElectrokinesis,
.auxiliaryModeSelected[value="photokinesis"] ~ .auxiliaryModeElectrokinesis,
.auxiliaryModeSelected[value="technokinesis"] ~ .auxiliaryModeElectrokinesis,
.auxiliaryModeSelected[value="thermokinesis"] ~ .auxiliaryModePsychokinesis,
.auxiliaryModeSelected[value="telekinesis"] ~ .auxiliaryModePsychokinesis,
.auxiliaryModeSelected[value="perikinesis"] ~ .auxiliaryModePsychokinesis,
.auxiliaryModeSelected[value="energetics"] ~ .auxiliaryModeQuantakinesis,
.auxiliaryModeSelected[value="fundamentals"] ~ .auxiliaryModeQuantakinesis,
.auxiliaryModeSelected[value="transmutation"] ~ .auxiliaryModeQuantakinesis,
.auxiliaryModeSelected[value="rapport"] ~ .auxiliaryModeTelepathy,
.auxiliaryModeSelected[value="mindshare"] ~ .auxiliaryModeTelepathy,
.auxiliaryModeSelected[value="psychbending"] ~ .auxiliaryModeTelepathy,
.auxiliaryModeSelected[value="translocation"] ~ .auxiliaryModeTeleportation,
.auxiliaryModeSelected[value="transmassion"] ~ .auxiliaryModeTeleportation,
.auxiliaryModeSelected[value="transportal"] ~ .auxiliaryModeTeleportation,
.auxiliaryModeSelected[value="iatrosis"] ~ .auxiliaryModeVitakinesis,
.auxiliaryModeSelected[value="augendis"] ~ .auxiliaryModeVitakinesis,
.auxiliaryModeSelected[value="algesis"] ~ .auxiliaryModeVitakinesis{
    display:block;
}


.auxiliaryBasicModeBiokinesis,
.auxiliaryBasicModeClairsentience,
.auxiliaryBasicModeElectrokinesis,
.auxiliaryBasicModePsychokinesis,
.auxiliaryBasicModeQuantakinesis,
.auxiliaryBasicModeTelepathy,
.auxiliaryBasicModeTeleportation,
.auxiliaryBasicModeVitakinesis{
    display: none;
}

.auxiliaryModeSelected[value="adaptation"] ~* .auxiliaryBasicModeBiokinesis,
.auxiliaryModeSelected[value="psychomorph"] ~* .auxiliaryBasicModeBiokinesis,
.auxiliaryModeSelected[value="transmogrify"] ~* .auxiliaryBasicModeBiokinesis,
.auxiliaryModeSelected[value="psychometry"] ~* .auxiliaryBasicModeClairsentience,
.auxiliaryModeSelected[value="psycholocat"] ~* .auxiliaryBasicModeClairsentience,
.auxiliaryModeSelected[value="psychocognit"] ~* .auxiliaryBasicModeClairsentience,
.auxiliaryModeSelected[value="electromanipul"] ~* .auxiliaryBasicModeElectrokinesis,
.auxiliaryModeSelected[value="photokinesis"] ~* .auxiliaryBasicModeElectrokinesis,
.auxiliaryModeSelected[value="technokinesis"] ~* .auxiliaryBasicModeElectrokinesis,
.auxiliaryModeSelected[value="thermokinesis"] ~* .auxiliaryBasicModePsychokinesis,
.auxiliaryModeSelected[value="telekinesis"] ~* .auxiliaryBasicModePsychokinesis,
.auxiliaryModeSelected[value="perikinesis"] ~* .auxiliaryBasicModePsychokinesis,
.auxiliaryModeSelected[value="energetics"] ~* .auxiliaryBasicModeQuantakinesis,
.auxiliaryModeSelected[value="fundamentals"] ~* .auxiliaryBasicModeQuantakinesis,
.auxiliaryModeSelected[value="transmutation"] ~* .auxiliaryBasicModeQuantakinesis,
.auxiliaryModeSelected[value="rapport"] ~* .auxiliaryBasicModeTelepathy,
.auxiliaryModeSelected[value="mindshare"] ~* .auxiliaryBasicModeTelepathy,
.auxiliaryModeSelected[value="psychbending"] ~* .auxiliaryBasicModeTelepathy,
.auxiliaryModeSelected[value="translocation"] ~* .auxiliaryBasicModeTeleportation,
.auxiliaryModeSelected[value="transmassion"] ~* .auxiliaryBasicModeTeleportation,
.auxiliaryModeSelected[value="transportal"] ~* .auxiliaryBasicModeTeleportation,
.auxiliaryModeSelected[value="iatrosis"] ~* .auxiliaryBasicModeVitakinesis,
.auxiliaryModeSelected[value="augendis"] ~* .auxiliaryBasicModeVitakinesis,
.auxiliaryModeSelected[value="algesis"] ~* .auxiliaryBasicModeVitakinesis{
    display:block;
}

.auxiliaryModes .repcontainer.editmode .repitem[data-reprowid="----Rep-AuxM---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}


.auxiliaryModeSelected[value="none"] ~* .auxiliaryBar,
.auxiliaryModeSelected[value="none"] ~* .aptitudeModeLevel.basic,
.auxiliaryModeSelected[value="none"] ~* .aptitudeModeLevel{
    opacity:0;
    pointer-events: none;
}

.auxiliaryModeSelected[value="none"] ~* .dots{
    pointer-events: none;
}

/* FIM APTITUDE MODE */

/* ++++ - FIM PSI Powers *PSION - +++++ */



.selectedTier[value="biosuit"] ~* button[name="act_equipments"]{
    display: none;
}

.selectedTier[value="biosuit"] ~* .rollButtons .hider[value="1"] + li, 
.selectedTier[value="biosuit"] ~* .rollButtons .hider[value="1"] + div, 
.selectedTier[value="biosuit"] ~* .rollButtons .hider[value="1"] + label {
    height: 95px;
  }



/* ++++ - PSI Powers Qin - +++++ */
.TCauxiliaryModes.qin .chosenBiokinesis{
    opacity: 0;
    pointer-events: none;
}

.TCauxiliaryModes.qin .chosenBiokinesis.gt-1{
    display:none;
}

.TCauxiliaryModes.qin .auxiliaryModeSelected[value="adaptation"] ~* .chosenBiokinesis,
.TCauxiliaryModes.qin .auxiliaryModeSelected[value="psychomorph"] ~* .chosenBiokinesis,
.TCauxiliaryModes.qin .auxiliaryModeSelected[value="transmogrify"] ~* .chosenBiokinesis{
    opacity: 1;
    pointer-events: initial;
}

.TCauxiliaryModes.qin .auxiliaryModeSelected[value="adaptation"] ~* .chosenBiokinesis.gt-1,
.TCauxiliaryModes.qin .auxiliaryModeSelected[value="psychomorph"] ~* .chosenBiokinesis.gt-1,
.TCauxiliaryModes.qin .auxiliaryModeSelected[value="transmogrify"] ~* .chosenBiokinesis.gt-1{
    display: flex;
}

.TCauxiliaryModes.qin .repcontainer.editmode .repitem[data-reprowid="----Rep-AuxQ---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}


/* ++++ - PSI Powers Qin - +++++ */




/* ++++ - Health Qin - +++++ */

.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-ConQ---ID-00"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-ConQ---ID-01"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-ConQ---ID-02"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-ConQ---ID-03"] .itemcontrol .repcontrol_del{
    display: none;
}


.health .repcontainer.editmode .repitem[data-reprowid="----Rep-InjQ---ID-00"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-InjQ---ID-01"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-InjQ---ID-02"] .itemcontrol{
    display: none;
}

.repitem[data-reprowid="----Rep-InjQ---ID-00"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-InjQ---ID-01"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-InjQ---ID-02"] .repeatingContainer .traitHeader .injury-selectType{
    pointer-events: none;
}

.repitem[data-reprowid="----Rep-InjQ---ID-00"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-InjQ---ID-01"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-InjQ---ID-02"] .repeatingContainer .traitHeader .select-icon{
  visibility: hidden;
}

/* ++++ - Fim Health Qin - +++++ */




/* ++++ - EQUIPMENT Qin - +++++ */
.selectedTier[value="biosuit"] ~* div[data-reprowid="----Rep-ArBS---ID-01"],
.selectedTier[value="biosuit"] ~* div[data-reprowid="----Rep-Wepn---ID-01"],
.selectedTier[value="biosuit"] ~* div[data-reprowid="----Rep-Gear---ID-01"]{
    display: none;
}

.pSection.biosuit .repcontainer.editmode .repitem[data-reprowid="----Rep-ArBS---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

.selectedTier[value="biosuit"] ~* .space1.biosuit.expansible{
    margin-bottom: 33px;
}

.selectedTier[value="biosuit"] ~* .biosuitArmor .weaponTagsSection{
   border-top-style: none;
}

.selectedTier[value="biosuit"] ~* .biosuitArmor .expanderFlag[value="1"] ~ * .weaponExpandedArea{
    height: 221px;
}



/* ++++ - EQUIPMENT Qin - +++++ */


.TCTags textarea.expandedArea{   
    max-width: calc(45% - 17px);
    min-width: calc(45% - 17px);
}



/* ++++ - Conditions - +++++ */
.pTwinSection .conditions .title2{
    margin-bottom: 5px;
}

.conditions .traitHeader .conditionValue{
    width: 46px;
    height: 26px;
    align-items: flex-end;
}


.conditions .traitHeader .conditionValue p{
    margin-bottom: 0px;
    font-family: 'Roboto';
    font-size: 16px;
}

.conditions .traitHeader .conditionValue .inputLine{
    margin: 0px;
    font-size:18px;
    margin: 0px;
    font-size: 16px;
    font-style: normal;
    text-align: center;
    padding-left: 4px;
    padding-right: 7px;
    font-weight: bold;
}

.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-00"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-01"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-02"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Cond---ID-03"] .itemcontrol .repcontrol_del{
    display: none;
}
/* ++++ - Fim Conditions - +++++ */



/* ++++ - Injurys - +++++ */
.pTwinSection .health .title2{
    margin-bottom: 5px;
}

.pTwinSection .health .injury-checkbox{
    align-self: center;
    margin-right: 7px;
}


.injuryValue{
    background: transparent;
    width: 18px;
    padding: 0px;
    border: none;
    font-size: 16px;
    margin-left: -2px;
    pointer-events: none;
}

.injury-selectType[value="+0"] ~ .select-icon,
.injury-selectType[value="+0"] ~ .injury-name,
.injury-selectType[value="+0"] ~ .injuryValue,
.injury-selectType[value="+5"] ~ .injuryValue{
    visibility: hidden;
}

.injury-selectType[value="+0"] ~ .injuryValue,
.injury-selectType[value="+0"] ~ .injury-selectType{
    pointer-events: none;
}

.injury-selectType[value=""] ~ input.injury-checkbox{
    opacity: .5;
    pointer-events: none;
}


.injury-selectType[value=""] ~ input.injury-name{
    opacity: .3;
}

.pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"],
.pseudoBody .pseudoDisplay .repeatingContainer .traitHeader .injury-selectType[value=""] ~ input[type="checkbox"]:checked{
    background-color:#979797;
    border: 2px solid #979797;
}

.injury-selectType[value=""] ~ input[type="checkbox"]::before {
    background-color: transparent;
}


.pTwinSection .sheet-col .health .injury-selectType[value=""] ~ select.secondaryColorBackground{
    background-color: #dfdfdf;
    opacity: .9;
}



.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-00"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-01"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-02"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Injr---ID-03"] .itemcontrol{
    display: none;
}

.repitem[data-reprowid="----Rep-Injr---ID-00"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Injr---ID-01"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Injr---ID-02"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Injr---ID-03"] .repeatingContainer .traitHeader .injury-selectType{
    pointer-events: none;
}

.repitem[data-reprowid="----Rep-Injr---ID-00"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Injr---ID-01"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Injr---ID-02"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Injr---ID-03"] .repeatingContainer .traitHeader .select-icon{
  visibility: hidden;
}
/* ++++ - Fim Injurys - +++++ */




/* ++++ - Paths - +++++ */

.TCPaths .title2{
    margin-bottom: 10px;
}

.allPaths{
    width: calc(100% + 2px);
}

.pathSuperGroup{
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    height: 495px;
    /* scroll-behavior: smooth;    */
}

.initialPathGroup{
    min-width: 100%;
}

.initialPathGroup .singlePath{
    width: 31.7%;
    height: 386px;
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;
}

.extraPathGroup{
    min-width: 65.93%;
    margin-left: 2.0725%;
}

.extraPathGroup .singlePath{
    width: 48.082%;
    height: 386px;
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    background-color: #e1e1e1;
}

.pathLabel{
    width: 56px;
    width: -moz-fit-content;
    width: fit-content;
    height: 17px;
    font-size: 12px;
    text-align: center;
    margin-left: -1px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.pathStatus{
    width: 73px;
    height: 18px;
    font-size: 9px;
    text-align: center;
    border-radius: 10px;
    margin-right: 5px;
    margin-top: 9px;
    margin-bottom: 0px;
    padding-top: 0px;
    appearance: none;
    background-color: #00000014;
    letter-spacing: .5px;
    border-color: #00000017;
    transition: 1s;
}

.pathHeader{
    padding-top: 7px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;   
}

.inputPathName{
    width: 100%;
    border: none;
    background-color: unset;
    font-size: 22px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -0.3px;
    border-radius: 0px;
    color: #000000a6;
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;  
}

.inputPathName:hover,
.inputPathName:active,
.inputPathName:focus,
.inputPathName:placeholder-shown{
    background-color: white;
    border: 1px solid #ccc;
}

.pseudoDisplay .TCPaths .allPaths .singlePath .pathTabButtons .secondaryColorBackground {
    transition: background-color 0s;
}


.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="active"] + .singlePath .pathStatus{
    width: 53px;
    transition: .5s;
}

.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="suspended"] + .singlePath .pathStatus{
    color: #000000a6;
    background: #d2d2d2;
    border-color: #00000045;
    transition: 1s;
}

.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath{
    background-color: #D9D9D9 !important;
    transition: 1s;
}

.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathStatus{
    border-color: #00000045 !important;
    color: #000000a6;
}

.pseudoBody .pseudoDisplay .TCPaths input.selectedPathStatus[value="revoked"] + .singlePath .pathLabel{
    background: #717171 !important;
    color: white;
}

/*Configure the tab buttons*/
.connectionsTab,
.skillsTab,
.edgesTab,
.storyTab,
.traitsTab,
.descriptionTab,
.traits1Tab,
.traits2Tab,
.callInTheGuildTab{
   display: none; 
}

.pathTabButtons{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
}

.pathTabButtons button{
    border: none;
    font-size: 12px;
    color: #00000085;
    transition: background-color 0s;
    width: 33%;    
    border: solid;
    border-width: 1px;
    border-color:#ffffff00;
    border-bottom: none;
    background-color: unset; 

}

.pathTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}

.pathTabButtons button:focus{
    outline: none;
}




/* show the selected tab */
.pathTabsToggle[value="origin-connections"] ~* .connectionsTab,
.pathTabsToggle[value="role-connections"] ~* .connectionsTab,
.pathTabsToggle[value="society-connections"] ~* .connectionsTab,
.pathTabsToggle[value="extraPath-1-connections"] ~* .connectionsTab,
.pathTabsToggle[value="extraPath-2-connections"] ~* .connectionsTab,
.pathTabsToggle[value="origin-skills"] ~* .skillsTab,
.pathTabsToggle[value="role-skills"] ~* .skillsTab,
.pathTabsToggle[value="society-skills"] ~* .skillsTab,
.pathTabsToggle[value="extraPath-1-skills"] ~* .skillsTab,
.pathTabsToggle[value="extraPath-2-skills"] ~* .skillsTab,
.pathTabsToggle[value="origin-edges"] ~* .edgesTab,
.pathTabsToggle[value="role-edges"] ~* .edgesTab,
.pathTabsToggle[value="society-edges"] ~* .edgesTab,
.pathTabsToggle[value="extraPath-1-edges"] ~* .edgesTab,
.pathTabsToggle[value="extraPath-2-edges"] ~* .edgesTab,
.pathTabsToggle[value="origin-story"] ~* .storyTab,
.pathTabsToggle[value="role-story"] ~* .storyTab,
.pathTabsToggle[value="society-story"] ~* .storyTab,
.pathTabsToggle[value="extraPath-1-story"] ~* .storyTab,
.pathTabsToggle[value="extraPath-2-story"] ~* .storyTab,

.pathTabsToggle[value="culture-traits"] ~* .traitsTab,
.pathTabsToggle[value="culture-description"] ~* .descriptionTab,
.pathTabsToggle[value="class-traits1"] ~* .traits1Tab,
.pathTabsToggle[value="class-traits2"] ~* .traits2Tab,
.pathTabsToggle[value="class-description"] ~* .descriptionTab,
.pathTabsToggle[value="guild-callInTheGuild"] ~* .callInTheGuildTab,
.pathTabsToggle[value="guild-description"] ~* .descriptionTab {
    display: flex;
    flex-direction: column;
}

/* change button color */
.pathTabsToggle[value="origin-connections"] ~* button[name="act_origin-connections"],
.pathTabsToggle[value="role-connections"] ~* button[name="act_role-connections"],
.pathTabsToggle[value="society-connections"] ~* button[name="act_society-connections"],
.pathTabsToggle[value="extraPath-1-connections"] ~* button[name="act_extraPath-1-connections"],
.pathTabsToggle[value="extraPath-2-connections"] ~* button[name="act_extraPath-2-connections"],
.pathTabsToggle[value="origin-skills"] ~* button[name="act_origin-skills"],
.pathTabsToggle[value="role-skills"] ~* button[name="act_role-skills"],
.pathTabsToggle[value="society-skills"] ~* button[name="act_society-skills"],
.pathTabsToggle[value="extraPath-1-skills"] ~* button[name="act_extraPath-1-skills"],
.pathTabsToggle[value="extraPath-2-skills"] ~* button[name="act_extraPath-2-skills"],
.pathTabsToggle[value="origin-edges"] ~* button[name="act_origin-edges"],
.pathTabsToggle[value="role-edges"] ~* button[name="act_role-edges"],
.pathTabsToggle[value="society-edges"] ~* button[name="act_society-edges"],
.pathTabsToggle[value="extraPath-1-edges"] ~* button[name="act_extraPath-1-edges"],
.pathTabsToggle[value="extraPath-2-edges"] ~* button[name="act_extraPath-2-edges"],
.pathTabsToggle[value="origin-story"] ~* button[name="act_origin-story"],
.pathTabsToggle[value="role-story"] ~* button[name="act_role-story"],
.pathTabsToggle[value="society-story"] ~* button[name="act_society-story"],
.pathTabsToggle[value="extraPath-1-story"] ~* button[name="act_extraPath-1-story"],
.pathTabsToggle[value="extraPath-2-story"] ~* button[name="act_extraPath-2-story"],

.pathTabsToggle[value="culture-traits"] ~* button[name="act_culture-traits"],
.pathTabsToggle[value="culture-description"] ~* button[name="act_culture-description"],
.pathTabsToggle[value="class-traits1"] ~* button[name="act_class-traits1"],
.pathTabsToggle[value="class-traits2"] ~* button[name="act_class-traits2"],
.pathTabsToggle[value="class-description"] ~* button[name="act_class-description"],
.pathTabsToggle[value="guild-callInTheGuild"] ~* button[name="act_guild-callInTheGuild"],
.pathTabsToggle[value="guild-description"] ~* button[name="act_guild-description"]{
    background-color: #F5F6F7;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.pathTabContent{
    height: 271px;
    background-color:#F5F6F7;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:#B9B9B9;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color:#B9B9B9;
    padding-left: 15px;
    padding-right: 15px;
    padding-top:10px;
    
}



.connectionsTab .readerTrait{
    justify-content: space-between;
}



.connectionsTab .input-label,
.skillsTab .input-label,
.edgesTab .input-label,
.storyTab .input-label{
    font-size: 15px;
    color: #464646;
}

.connectionsTab .inputLine{
    font-size: 15px;
    border-color: #9E9E9E;
    color: #737373; 
    text-align: end;
    min-width: 40%;
    width: 126px;
    flex-grow: 0;
    padding-right: 3%;
}

.skillsTab .talent.inspired{
    margin-top: 10px;
}

.pathContacts{
    padding-top: 5px;
}

.contactsTitle{
    margin-bottom: 2px;
}

.contactsTitle .input-label{
    width: 50%;
}

/* .input-label{
    width: calc(50% - 2px);
} */

.pathContactHeader{
    width: 50%;
    position: relative;
}

.pathContactName{
    width: 100%;
    color: #555;
    border: 1px solid #ccc;    
    border-radius: 3px;
    padding: 4px;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;  
}


.singlePathContact{
    margin-bottom: 2px;
}

.singlePathContact .expanderContainer{
    border: 1px solid #ccc;    
    border-radius: 3px;
    /* background-color: white; */
    font-size: 13px;
    font-weight: normal;    
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    width: 15px;
    /* margin-left: -1px; */
}

.pathContactTag{
    width: calc(50% - 2px);   
}

.singlePathContact .expanderContainer span{
    color: #979797;
}

.singlePathContact .contactStatus[value=""] ~* .expanderContainer{
    display: none;
}

.flex .pathContactTag{
    margin-right: 0px;
}


.singlePathContact .contactStatus[value=""] ~ .pathContactHeader.flex:hover .pathContactName,
.singlePathContact .contactStatus[value=""] ~ .pathContactHeader.flex .pathContactName:active,
.singlePathContact .contactStatus[value=""] ~ .pathContactHeader.flex .pathContactName:focus{
    border-right: 1px solid #ccc;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px; 
}

.expanderFlagModal[value="1"] ~ .pathContactName,
.pathContactHeader.flex:hover .pathContactName,
.pathContacts .flex .pathContactName:active,
.pathContacts .flex .pathContactName:focus{
    border: 1px solid #ccc;    
    border-radius: 3px;
    background-color: white;
    font-size: 13px;
    font-weight: normal;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px; 
}

.pathContactName:active ~ .expanderContainer,
.pathContactName:focus ~ .expanderContainer,
.pathContactHeader.flex:hover .expanderContainer{
    background-color: white;
}



.flex .pathContactName:placeholder-shown {
    font-size: 24px;
    letter-spacing: 2px;
    line-height: 11px;
    border: 1px solid rgba(255, 255, 255, 0);
    background-color: transparent;
    color: #555;
    box-shadow: none;
    height: 28px;
    font-family: "Material Icons Outlined";
    transform: scaleX(-1);
    text-align: center;
}


.pathContacts .repcontrol_edit, 
.pathContacts .repcontrol_add{ /* ==== - Positioning and Hide vanilla Buttons - ==== */
    visibility: hidden;
    color: #939393;
    box-shadow:none;
    text-shadow:none;
    padding-top: 10px;
    padding: 0px;
    padding-top: 0px;
    padding-top: 10px;
}

.pathContacts .repcontrol_add,
.pathContacts .repcontrol_del,
.charsheet .pathContacts .repcontrol_del{
    visibility: hidden;
}  

.pathContacts .repcontrol_edit::after { /* ==== - Making visible and Styling New Buttons - ++++ */
    background-color:none;
    visibility: visible;
    font-family: 'Pictos';
    content: "l";
    font-size: 24px;
    margin-right: -3px;
}

.pathContacts .repcontrol_edit::after { /* ==== - Inserting contendo Modify Button - ++++ */
    content: "l";
    
}

.pathContacts > .editmode + 
.repcontrol > .repcontrol_edit::after {/* ==== - Inserting content Confirm Buttons - ++++ */
    content: "3";
}






.singlePathContact .expanderFlagModal[value="1"] ~ .pathContactHeader, 
.singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea {
    z-index: 3;
    background: white;
  }



.singlePathContact .expandedArea {
	max-width: 193.6%;
	min-width: 193.6%;
    max-height: 150px;	       
}


.singlePathContact .expanderFlagModal[value="0"] ~ .expandedArea,
.singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: 27px;
}

.singlePathContact input[type="checkbox"].expander + span::after {
    color: #828282;
} 












.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .pathContactHeader, 
.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea {
    z-index: 3;
    background: white;
  }



.repcontainer .singlePathContact .expandedArea {
	max-width: 193.6%;
	min-width: 193.6%;
    max-height: 150px;	       
}


.repcontainer .singlePathContact .expanderFlagModal[value="0"] ~ .expandedArea,
.repcontainer .singlePathContact .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: 27px;
}

.repcontainer .singlePathContact input[type="checkbox"].expander + span::after {
    color: #828282;
} 














.pathRelatedSkill{
	font-size: 14px;
	color: #555;
	min-width: 10px;
	appearance: none;
	cursor: pointer;
	text-align: center;
	text-align-last: center;
	margin-bottom: 2px;
	width: 49.5%;
	height: 26px;
	background: #f5f6f7;
	border-color: #dbdbdb;
}

.pathRelatedSkill:hover{
    background-color: white;
    border: 1px solid #ccc;
}

.singlePath .pathTabContent .pathRelatedEdge{
    margin-bottom: 2px;
    height: 22px;
    width: 100%;
    background: #f5f6f7;
}

.singlePath .pathTabContent .pathRelatedEdge:hover{
    background: #fbfbfb;
}


.singlePath .pathTabContent .storyTab textarea,
.singlePath .pathTabContent .descriptionTab textarea{
    height: 250px;
    max-height: 250px;
    min-height: 250px;
    resize: none;
}


*:focus-visible{
   outline: none;
}


.buttonsSliderPath{
    margin-top:-95px;
}
.buttonsSliderPath a{
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    margin-right: 5px;
    margin-left: 5px;
    border-color: #B9B9B9;
    border-width: 1px;
    border-style: solid;
    color:#626262;
}

#path1{
    height: 10px;
    width: 10px;
    background: black;
    margin-right: -26px;
    margin-top: -45px;    
}

#path2{
    height: 45px;
    width: 10px;
    background: black;
    margin-left: -26px;
    margin-top: -45px;    
}

/* ++++ - Fim Paths - +++++ */




/* ++++ - Notes - +++++ */
.notes .title2{
    margin-bottom: 10px;
}

.notes textarea{
    height: 173px;
}
/* ++++ - Fim Notes - +++++ */







/* ++++ - Aspirations- +++++ */
.aspirations .title2{
    margin-bottom: 10px;
}

.pTwinSection .aspirations .aspiration-checkbox{
    align-self: center;
    margin-right: 7px;
}

.pTwinSection .aspirations .select-icon {
    left: -20px;
}

.aspirations .repcontainer.editmode .repitem[data-reprowid="----Rep-Aspi---ID-00"] .itemcontrol .repcontrol_del,
.aspirations .repcontainer.editmode .repitem[data-reprowid="----Rep-Aspi---ID-01"] .itemcontrol .repcontrol_del{
    display: none;
}

.repitem[data-reprowid="----Rep-Aspi---ID-00"] .repeatingContainer .traitHeader .aspiration-TypeSelectors,
.repitem[data-reprowid="----Rep-Aspi---ID-01"] .repeatingContainer .traitHeader .aspiration-TypeSelectors{
    pointer-events: none;
}

.repitem[data-reprowid="----Rep-Aspi---ID-00"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Aspi---ID-01"] .repeatingContainer .traitHeader .select-icon{
    display:none;
}

.noClick{
    pointer-events: none;
}

.inputLine.aspiration-name{
    margin-left: 5px;  
}
/* ++++ - Fim Aspirations- +++++ */




/* ++++ - Experience + Defense- +++++ */

#section-Experience--Defense{
    margin-top: 10px;
}


/* ++++ - Fim Experience + Defense- +++++ */





/* ++++ - NPC  - +++++ */

/* .selectedTier[value="NPC"] ~* .traistHealth{
    order: 0;
}

.selectedTier[value="NPC"] ~* .baselinePowers{
    order: 1;
} */

/* .selectedTier[value="NPC"] ~* .healthSourceSourceTrait,
.selectedTier[value="NPC"] ~* .npcGenericSource,
.selectedTier[value="NPC"] ~* .npcInspTalentSource,
.selectedTier[value="NPC"] ~* .npcQuantumSource,
.selectedTier[value="NPC"] ~* .npcJinketsuPowerSource,
.selectedTier[value="NPC"] ~* .npcPsiPsiadSource,
.selectedTier[value="NPC"] ~* .npcPsiPsionSource,
.selectedTier[value="NPC"] ~* .npcPsiQinSource{
    order: 2;
}

.selectedTier[value="NPC"] ~* .notesOtherTraits{
    order: 3;
} */


.npcGenericSource .title2 input{
	background: transparent;
	border: none;
	text-align: center;
	font-size: 27px;
	font-weight: bold;
    text-transform: uppercase;
    width: 85%;
}


/* ++++ - NPC traits - +++++ */
.NPC .npc-traits .title2{
    margin-bottom: 10px;
}

.npc-traits .npcPool{
    display: flex;
    align-items: center;
    height: 25px;
    margin-top: 11px;
}

#section-npc-Traits--Health .npc-traits .npcPool{
    height: 16px;
}

.npc-traits .npcEnhancements{
    display: flex;
    align-items: center;
    height: 25px;
    /* width: 100%; */
}



.npc-traits .npcInitiative {
	margin-top: 13px;
	float: right;
}


.npc-traits .boxPoint{
    width: 65px;
    height: 25px;
    margin-top: -5px;
}

.npc-traits .inputLabel{
    letter-spacing: -.5px;
}

.npc-traits .inputLine{
    /* margin-right: 5px; */
    /* margin-left: 5px; */
    padding: 0px;
    border-color: #868686;
    /* color: #828282;   
    text-align: right;
    padding-right: 10px; */    
}

.npc-traits .npcInitiative .inputLine{
    max-width: 103px;
    text-align: center;
}

.npc-traits .boxPoint input{
    font-size:20px;
    font-weight: bold;
}

.npc-traits .boxPoint input:hover{
    -moz-appearance: auto;
    padding-left: 36%;
    -webkit-padding-start: 31%;
    margin-left: -5px;
}

.npcDefenseContainer{
    margin-top: 29px;
    width: 78%;
   
}


.npc-traits .npcDefenseEnhancements{
    margin-top: 22px
}

.npc-traits .npcDefenseEnhancements .npcDefense .input-label,
.npc-traits .npcDefenseEnhancements .npcEnhancements .input-label,
.npc-health .input-label{
   margin-right: 5px;
}


/* ++++ - FIM NPC traits - +++++ */



/* ++++ - NPC health - +++++ */


.npcHealth {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.npcHealth .boxPoint input {
    font-size: 20px;
    font-weight: bold;
  }

.npcHealth .npcDefense{
    width: 100%;
    justify-content: space-around;
}



/* .npc-health .boxPoint{
    width: 65px;
    height: 30px;
    margin-top: -9px
}

.npc-health .boxPoint input:hover {
    -moz-appearance: auto;
    padding-left: 36%;
    -webkit-padding-start: 31%;
    margin-left: -5px;
}

.npc-health .boxPoint input {
    font-size: 20px;
    font-weight: bold;
}

.npc-health .sourceDots{
    margin-top: 26px;
} */


/* ++++ - FIM NPC health - +++++ */

.npcHealth .sourceDots {
    margin-top: 28px;
    width: 80%;
    max-width: 500px;
}



#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Nmod---ID-00"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Nmod---ID-01"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Nmod---ID-02"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Nmod---ID-03"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Nmod---ID-04"] .itemcontrol .repcontrol_del{
    display: none;
}

#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Ncod---ID-00"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Ncod---ID-01"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Ncod---ID-02"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Ncod---ID-03"] .itemcontrol .repcontrol_del,
#section-npc-Modifiers--Conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Ncod---ID-04"] .itemcontrol .repcontrol_del{
    display: none;
}

/* ++++ - NPC Source - +++++ */
.source .boxPoints{
    width: 40%;
}
/* ++++ - NPC FIM Source - +++++ */




/* ++++ - NPC Skilltrick - +++++ */

.selectedTier[value="NPC"] ~* .skillTricks .repeatingContainer .traitHeader select{
    display: none;
}

.selectedTier[value="NPC"] ~* .skillTricks .repeatingContainer .traitHeader .select-icon{
    display: none;
}

/* ++++ - FIM NPC Skilltrick - +++++ */



/* ++++ - NPC Side Effects - +++++ */
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-00"] .itemcontrol .repcontrol_del,
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-01"] .itemcontrol .repcontrol_del,
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-02"] .itemcontrol .repcontrol_del,
.npcGenericSource .repcontainer.editmode .repitem[data-reprowid="----Rep-SEFT---ID-03"] .itemcontrol .repcontrol_del{
    display: none;
}


.repitem[data-reprowid="----Rep-SEFT---ID-00"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-SEFT---ID-01"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-SEFT---ID-02"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-SEFT---ID-03"] .repeatingContainer .traitHeader .select-icon{
    display:none;
}


/* ++++ - FIM NPC Side Effects - +++++ */



/* ++++ - NPC Power - +++++ */
.pseudoBody .pseudoDisplay .npcGenericSource,
.npcInspTalentSource,
.npcInspStarwartSource,
.npcInspMesmeristSource,
.npcInspGogSource,
.npcInspMagogSource,
.npcInspAssassinSource,
.npcQuantumSource,
.npcJinketsuPowerSource,
.npcPsiPsiadSource,
.npcPsiPsionSource,
.npcPsiQinSource{
    display: none;
}


.selectedTier[value="NPC"] ~ .sourceType[value='source'] ~* .npcGenericSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspiration'] ~* .npcInspTalentSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspirationStalwart'] ~* .npcInspStarwartSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspirationMesmerist'] ~* .npcInspMesmeristSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspirationGog'] ~* .npcInspGogSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspirationMagog'] ~* .npcInspMagogSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspirationAssassin'] ~* .npcInspAssassinSource,
.selectedTier[value="NPC"] ~ .sourceType[value='quantum'] ~* .npcQuantumSource,
.selectedTier[value="NPC"] ~ .sourceType[value='jinketsupower'] ~* .npcJinketsuPowerSource,
.selectedTier[value="NPC"] ~ .sourceType[value='psipsiad'] ~* .npcPsiPsiadSource,
.selectedTier[value="NPC"] ~ .sourceType[value='psipsion'] ~* .npcPsiPsionSource,
.selectedTier[value="NPC"] ~ .sourceType[value='psiqin'] ~* .npcPsiQinSource{
    display: flex;
}

/* ++++ - FIM NPC Power - +++++ */




/* ++++ - NPC Power - +++++ */
.TCGenericPowers .title2{
    margin-bottom: 3px;

}

.selectedTier[value="NPC"] ~* .TCGifts .title2 .titleLabel input{
    margin-left: 6%;
}


.npc-othertraits .title2 input {
    background: transparent;
    border: none;
    text-align: center;
    font-size: 27px;
    font-weight: bold;
    text-transform: uppercase;
    width: 85%;
}





.TCGenericPowers .megaEdgeTabContent{
    height: 323px;    
}


.TCGenericPowers .megaEdgeDescriptionTab {
   padding-top: 0px;
   padding-bottom: 0px;
   display: flex;
   width: 100%;
}


.TCGenericPowers .megaEdgeTraitColumn1 {
    width: 115%;
    height: 48px;
}

.TCGenericPowers .megaEdgeTraitsHeader{
    padding: 0px;
}

.TCGenericPowers .megaEdgeTabContent .inputLine {
    font-size: 14px;
    border-color: #BFBFBF;
    color: #737373;
    text-align: center;
    width: 40%;
    flex-grow: 0;
    padding-right: 3%;
    margin-top: -2px;
    margin-top: -3px;
    padding-top: 3px;
    margin-right: -2px;
}

.TCGenericPowers .megaEdgeDescriptionTab .readerTrait textarea {
    min-height: 255px;
    max-height: 255px;
}

.TCGenericPowers .megaEdgeTabContent{
    height: 323px;
    display: flex;
}

.TCGenericPowers .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
    height: 335px;
}





.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/* ++++ - FIM NPC Power - +++++ */










/* ++++ - SuperScience Adjustments - +++++ */

.selectedTier[value="ftech"] ~* button[name="act_equipments"]{
    display: none;
}

/* .selectedTier[value="ftech"] ~* .rollButtons{
    display: none;
} */

.selectedTier[value="ftech"] ~* .tier{
    width: 75%;
}

.selectedTier[value="ftech"] ~* .builtBy{
    width: 100%;
    margin-left: 0px;
}

.selectedTier[value="qtech"] ~* button[name="act_equipments"]{
    display: none;
}

/* .selectedTier[value="qtech"] ~* .rollButtons{
    display: none;
} */

.selectedTier[value="qtech"] ~* .tier{
    width: 80%;
}

.selectedTier[value="qtech"] ~* .builtBy{
    width: 77%;
    margin-left: 10px;
}

.selectedTier[value="ftech"] ~* .rollButtons .hider[value="1"] + li, 
.selectedTier[value="ftech"] ~* .rollButtons .hider[value="1"] + div, 
.selectedTier[value="ftech"] ~* .rollButtons .hider[value="1"] + label {
    height: 63px;
}

.selectedTier[value="qtech"] ~* .rollButtons .hider[value="1"] + li, 
.selectedTier[value="qtech"] ~* .rollButtons .hider[value="1"] + div, 
.selectedTier[value="qtech"] ~* .rollButtons .hider[value="1"] + label {
    height: 63px;
}





/* ++++ - FIM SuperScience Adjustments - +++++ */


/* ++++ - SuperScience Header - +++++ */
.reader .singleArmor{
    width: 100%;
    height: 47px;
}

.reader .singleArmor .weaponHeader .flex.fColumn{
    margin-top: -5px;
}

.reader .singleArmor .weaponHeader .inputWeaponEnhancementConteiner{
    margin-bottom: -2px;
}

.reader .singleArmor .weaponHeader .inputWeaponTitle{
    font-size: 12px;
}

.reader .singleArmor .weaponHeader .inputWeaponName{
    margin-top: -6px;
}


/* ++++ - FIM SuperScience Header - +++++ */





/* ++++ - InjurysTECH - +++++ */

.inputBox[name="attr_injurytech-trait-1"]{
    max-width: 110px;
}

.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-00"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-01"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-02"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Ijrt---ID-03"] .itemcontrol{
    display: none;
}

.repitem[data-reprowid="----Rep-Ijrt---ID-00"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Ijrt---ID-01"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Ijrt---ID-02"] .repeatingContainer .traitHeader .injury-selectType,
.repitem[data-reprowid="----Rep-Ijrt---ID-03"] .repeatingContainer .traitHeader .injury-selectType{
    pointer-events: none;
}

.repitem[data-reprowid="----Rep-Ijrt---ID-00"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Ijrt---ID-01"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Ijrt---ID-02"] .repeatingContainer .traitHeader .select-icon,
.repitem[data-reprowid="----Rep-Ijrt---ID-03"] .repeatingContainer .traitHeader .select-icon{
  display:none;
}



/* ++++ - Fim InjurysTECH - +++++ */



.headOtherTier .npc-traits,
.headOtherTier .conditions,
.headOtherTier .notes{
    width: 100%;
}

.TCSheet .headOtherTier .sheet-col.otherTierConditions{
    margin-right: 0px;
}



/* ++++ - Vehicle Adjustments - +++++ */

.selectedTier[value="transport"] ~* button[name="act_equipments"]{
    display: none;
}

.selectedTier[value="transport"] ~* .owner{
    width: 50%;  
}

.selectedTier[value="transport"] ~* .tier{
    width: 55.5%;  
}

.technologyTech{
    width: 100%;
}

.npc-traits .technologyTech .boxPoint {
   margin-top: -2px;  
}

.selectedTier[value="transport"] ~* .builtBy{
    flex-grow: 1;

}



.fmtTo{
    display: none;
}


/* .selectedTier[value="transport"] ~* .rollButtons{
    display: none;
} */

.transport .npc-traits .npcDefenseEnhancements {
    margin-top: 14px;
    margin-bottom: -5px;
}

.selectedTier[value="transport"] ~* .rollButtons .hider[value="1"] + li, 
.selectedTier[value="transport"] ~* .rollButtons .hider[value="1"] + div, 
.selectedTier[value="transport"] ~* .rollButtons .hider[value="1"] + label {
    height: 63px;
}


.npc-traits .npcPools .npcPool .flex .wealthValue  ~ select {
   transition: none;
   background: none; 
}

.npc-traits .npcPools .npcPool .flex .wealthValue[value="0"] ~ select{
    opacity: .5;    
}

.npc-traits .npcPools .npcPool select[name="attr_equipment_size"] option[value="0"]{
    display:none;    
}


.npcPools .transportFT{
    display: flex;
}

.npcPools .transportFT .input-label{
    margin-right: 5px;
}

.technologyTech select{
    text-align: center;
    border: none;
    font-style: normal;
    font-weight: 500;
    flex-grow: 0;    
}

.selectedTech[value="noetic"] ~* .transport .fmtTo{
    display: flex;
}

.selectedTech[value="noetic"] ~* .transport .builtBy{
    margin-left: 10px;
    width: 73%;
}

.selectedTech[value="hard"] ~* .npcPools .transportFT{
    pointer-events: none;   
}

.selectedTech[value="hard"] ~* .npcPools .transportFT .input-label{
    opacity: .5;
}

.selectedTech[value="hard"] ~* .npc-traits .npcPools .npcPool .transportFT div input.primaryColorFont{
    color:transparent;
    opacity: 0;
}

.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-00"] .itemcontrol .repcontrol_del,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-01"] .itemcontrol .repcontrol_del{
    display: none;
}

.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-00"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-01"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-02"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-03"] .itemcontrol .repcontrol_del,
.conditions .repcontainer.editmode .repitem[data-reprowid="----Rep-Tcod---ID-04"] .itemcontrol .repcontrol_del{
    display: none;
}

.npc-traits .npcPool.technologyType {
    margin-top: 12px;
}

.npc-traits .npcPool.transportSize {
    margin-top: 10px;
}

/* ++++ - FIM Vehicle Adjustments - +++++ */




/* ++++ - Equipment Adjustments - +++++ */
.EquipmentSubType {
    width: 62%;
    margin-left: 10px;
}

.npc-traits .equipmentTypeRange {
    margin-top: 10px;
    margin-bottom: -5px;
}

.npc-traits .equipmentArmorResistant {
    margin-top: 20px;
    margin-bottom: -5px;
}

.npc-traits .equipmentArmorResistant .npcEnhancements {
    height: 10px;
}

.npc-traits .equipmentArmorResistant .input-label.alt {
    font-size: 13px;
    font-weight: 550;
}

.npc-traits .equipmentArmorResistant input[type="checkbox"] {
   margin-right: 4px;
   margin-top: -2px;
}


.headerStatsWeaponType{
    margin-top: 16px;
}


.singleArmor .weaponHeader .headerStatsWeaponType input{
    text-transform: uppercase;
    font-style: normal;
    font-size: 14px;
    font-weight: 550;
    text-align: right;
    padding: 0px;
    margin: 0px;
    margin-right: 0px;
    border: 1px solid transparent;
    margin-right: 3px; 
}

.singleArmor .weaponHeader .headerStatsWeaponType input:active, 
.singleArmor .weaponHeader .headerStatsWeaponType input:hover, 
.singleArmor .weaponHeader .headerStatsWeaponType input:focus {
    background-color: white;
    border: 1px solid #ccc;     
  }




.headerStatsWeaponType div.primaryColorFont{
    font-size: 11px;      
}


.selectedTier[value="equipment"] ~* button[name="act_equipments"]{
    display: none;
}

/* .selectedTier[value="equipment"] ~* .rollButtons{
    display: none;
} */


.selectedTech[value="noetic"] ~* .equipment .fmtTo{
    display: flex;
}

.selectedTech[value="noetic"] ~* .equipment .builtBy{
    display: none;
}


.selectedTech[value="hard"] ~* .equipment .builtBy{
   display: flex;
}

.equipmentRange select + .input-label{
    margin-left: 6px;
}

.selectedTier[value="equipment"] ~* .rollButtons .hider[value="1"] + li, 
.selectedTier[value="equipment"] ~* .rollButtons .hider[value="1"] + div, 
.selectedTier[value="equipment"] ~* .rollButtons .hider[value="1"] + label {
    height: 63px;
}



/* ++++ - Fim Equipment Adjustments - +++++ */



/* ++++ - V.A.R.G Adjustments - +++++ */

.reader.varg .inputWeaponEnhancementConteiner{
   margin-right: 5px;  
}


.reader.varg .inputWeaponEnhancementConteiner input{
    width: 25px;  
}

.otherTierUniqueAbility textArea{
    /* overflow: hidden; */
    resize: none;
    resize: none;
    text-align: justify;
    white-space: pre-line;
    -moz-text-align-last: left;
    text-align-last: left;  
    height: 145px;  
    margin-bottom: 0px;
}

/* .otherTierUniqueAbility textArea:hover{
    overflow: initial;    
} */

.npc-traits .npcPool.transportSize.lifeSuportDays  {
    margin-top: 20px;
}


.transportSize.baseSpeed{
    margin-bottom: 25px;
}

.otherTierUniqueAbility .title2{
    margin-bottom: 7px;
}


.selectedTier[value="varg"] ~* button[name="act_equipments"]{
    display: none;
}

.selectedTech[value="noetic"] ~ * .varg .fmtTo {
    display: flex;
}

.selectedTech[value="noetic"] ~ * .varg .builtBy {
    display: none;
}

.selectedTier[value="varg"] ~* .rollButtons .hider[value="1"] + div{
    height: 95px;
}


.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-00"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-01"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-02"] .itemcontrol,
.health .repcontainer.editmode .repitem[data-reprowid="----Rep-Vinj---ID-03"] .itemcontrol{
    display: none;
}

/* ++++ - Fim V.A.R.G Adjustments - +++++ */




/* ++++ - Skill Anima- +++++ */

.animaCol{
    width: 31.7%;
}

.animaSkills{
    margin-bottom: -20px;
}

.animaSkill{    
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    padding-bottom: 10px;
    margin-bottom: 20px;
    background: #F7F7F5;
}

.animaSkillHeader{
    height: 33px;
    padding-left: 10px;
    padding-right: 5px;
    border-bottom: 1px solid #B9B9B900;
   
}

.animaSkillName{
    font-size: 20px;
}

.animaSkillBody{
    padding-left: 16px;
    padding-right: 12px;
}


.animaSkillEnhac{
    margin-top: 6px;
    color: #424242;
}

.animaSkillEnhacName{
    font-size: 16px;
}

.animaSkillBody .line{
    border-color: #CECECE;    
}

.animaSkillEnhacNumber.boxPoint{
    width: 60px;
    height: 28px;   
}

.pseudoDisplay .animaSkillEnhacNumber.boxPoint input{
    font-size: 20px;
    font-weight: bold;
    width: 61px;
}

.animaSkillEnhacNumber.boxPoint input:hover{
    padding-left: 30%;
}

.TCAnimaAspects .title2{
    margin-bottom: 3px;

}

.TCAnimaAspects .tagAspect{
    width: 50px;
}

/* ++++ - FIM Skill Anima- +++++ */






/* ++++ - APPROACHES Anima - +++++ */

.animaApproaches .arenas{
    width: initial;     
}

.animaApproaches .arena{
    width: 100%;
    margin-top: 10px;    
}

/* ++++ - FIM APPROACHES Anima - +++++ */




/* ++++ - Health Anima - +++++ */

.anima .animaHealth .boxPoint{
    width: 70px;
    height: 50px;
}

.anima .animaHealth .boxPoint input{
    font-size: 24px;
}

.animaHealth .boxPoints{
    margin-top: 20px;
    width: 67%;
}

.anima .animaHealth .boxPoint input{   
    font-weight: bold;
    width: 2.9em;
}

.animaDefense{
    background-color: #DBDBDB;
}

/* ++++ - FIM Health Anima - +++++ */




/* ++++ - Path Anima - +++++ */

.anima .pathHeader input{
    font-size: 24px;
}

.anima .pathSuperGroup{
    height: initial;
}

.anima .pathTabButtons{
    width: 95%;
}

.anima .pathTabButtons button{
    width: 50%;
}

.anima .animaAspect{
    margin-top: 3px;
}



.TCAnimaAspects .repcontainer.editmode .repitem[data-reprowid="----Rep-ASpc---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}



.animaAspect .input-label{
   font-size: 15px;
}

.animaAspect textarea,
.animaCallInTheGuild textarea{
    resize: none;
    height: 55px;
    border-radius: 0px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #f5f6f7;
    text-indent: 0px;
    font-size: 13px;
}

.animaAspect textarea:hover,
.animaCallInTheGuild textarea:hover{
    background: #fbfbfb;
}

.anima .animaCallInTheGuild textarea{
    height: 250px;
}

.TCPaths.anima .animaRelatedApproaches .boxPoints{
   width: 100%;
   margin-top: 0px;
}

.TCPaths.anima .animaRelatedApproaches .boxPoint{
    width: 68px;
    height: 40px;
}

.TCPaths.anima .animaRelatedApproaches .boxPoint input{
    font-size: 19px;
    font-weight: bold;
}

.animaStartingHP{
   margin-top: 33px;   
}

.animaStartingHP input{
    margin-top: 2px;   
 }

.animaStartingHP .readerTrait{
   justify-content: initial;
   flex-direction: column;
 }

 .animaStartingHP .boxPoints{
    width: initial;
    align-self: center;
    margin-top: -34px;
}

.animaStartingHP .boxPoint{
    width: 68px;
    height: 30px;
}

.anima .animaStartingHP .boxPoint input{
    width: 3.5em;
    font-weight: bold;
}

.animaStartingHP .boxPoint input:hover{
   width: 66px;
}

.animaStartingEquipments{
    margin-top: 42px;
}




/* show the selected tab */
.quantumPowerTabsToggle[value="quantum-power-1-traits"] ~* .quantumPowerTraitsTab,
.quantumPowerTabsToggle[value="quantum-power-1-description"] ~* .quantumPowerDescriptionTab,
.quantumPowerTabsToggle[value="quantum-power-2-traits"] ~* .quantumPowerTraitsTab,
.quantumPowerTabsToggle[value="quantum-power-2-description"] ~* .quantumPowerDescriptionTab{
    display: flex;   
}


.animaQuestPhase {
    width: 100%;
}

.animaQuestPhase .input-label{
   font-size: 15px;
}

.animaQuestPhase textarea{
    resize: none;
    height: 40px;
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;   
    text-indent: 0px;
    font-size: 13px;
}

.prereqLabel{
    width: 60px;
    margin-right: 15px;
    margin-left: 5px;
}

.anima .quantumPowerTraitsHeader{
    height: 102px;
}

.anima .quantumPowerTraitsTab .inputLine{
    text-align: center;
}

.anima .expanderFlag[value="1"] ~ * .quantumPowerExpandedArea {
    height: 303px;
    overflow: visible;
}

.anima .quantumPowerTabContent {
    height: 270px;
}

.anima .quantumPowerTagsContainer {
    height: 165px;
    padding-top: 2px;
}

.animaBuffLevel{
    height: 24px;
    width: 100%;
    margin-bottom: 2px;
    position: relative;
}

.animaBuffPrereq{
    width: 60px;
    margin-right: 10px;
}

.animaBuffName{
    margin-right: 10px;
    flex-grow: 1;
}

.TCAnimaAspects.anima .animaBuffName input{
    padding-left: 10px;
    text-align: left;
}

.TCAnimaAspects.anima .quantumPower .animaBuffLevel .traitHeader{
    width: 100%;
    height: 30px;
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
    border: 1px solid #008d8800;
    transition: .2s;
}

.TCAnimaAspects.anima .quantumPower .animaBuffLevel .traitHeader .dots{
    padding-top: 0px;
    margin-top: -4px;
}

.animaBuffExpander{
    margin-bottom: 5px;
}

.animaBuffExpander span{
   color: #717171;
}

.quantumPowerTagsContainer .animaBuffLevel .expandedArea {
	max-width: calc(100% - 10px);
	min-width: calc(100% - 10px);
    padding-left: 5px;
    padding-right: 5px;	
}


.animaBuffLevel .expanderFlagModal[value="0"] ~ .expandedArea,
.animaBuffLevel .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: -8px;
}

.TCAnimaAspects.anima .gt-5{
    display: flex;
}

.animaEffects,
.animaDescription {
    width: 100%;
}

.animaEffects .input-label,
.animaDescription .input-label{
   font-size: 15px;
}

.animaEffects textarea,
.animaDescription textarea{
    resize: none;    
    color: #555;
    border: 1px solid #ccc;
    border-radius: 3px;   
    text-indent: 0px;
    font-size: 13px;
}

.anima .quantumPowerDescriptionTab{
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

.animaEffects textarea{
    height: 60px;
}

.animaDescription textarea{
    height: 115px;
}
/* ++++ - Fim Path Anima - +++++ */



/* ################ - FIM SHEET - ################ */


/* ################ - BIOSUIT - ################ */

/* ############## - FIM BIOSUIT - ############## */


/* ################ - EQUIPMENTS - ################ */

.TCEquipments .summaryButtons .hider[value="1"] + li, 
.TCEquipments .summaryButtons .hider[value="1"] + div, 
.TCEquipments .summaryButtons .hider[value="1"] + label {
    height: 125px;
}


/* ++++ - WEAPONS - +++++ */
.TCWeapons{
    margin-top: 15px;
}

/* .TCWeapons .title2{
    margin-bottom: 5px;
} */

.weaponsContainer{
    margin-top: 10px;
}

.singleWeapon{
    width: 31.7%;
    /* height: 396px; */
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;  
}


.weaponHeader{
    padding-top: 5px;
    padding-right: 5px;
    padding-left: 5px;
    margin-bottom: 10px;   
}

.inputWeaponTitle{
    width: 65%;
    border: none;
    background-color: unset;
    font-size: 13px;
    font-weight: normal;
    padding: 0px;
    letter-spacing: -0.3px;
    border-radius: 0px;
    color: #8c8c8c; 
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;  
}

.inputWeaponTitle:hover,
.inputWeaponTitle:active,
.inputWeaponTitle:focus{
    background-color: white;
    border: 1px solid #ccc;    
}

.inputWeaponTitle:placeholder-shown{
    color: #393939;
}

.inputWeaponTitle:placeholder-shown{
    border-radius: 0px;
    /* border-bottom: 1px solid #848484;   */
}



.singleWeapon .weaponHeader .inputWeaponName{
    margin-top: -4px;
    width: 95%;
    border: none;
    background-color: unset;
    font-size: 24px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -0.3px;
    border-radius: 0px;
    color: #5E5E5E;
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;  
}

.singleWeapon .weaponHeader .inputWeaponName:hover,
.singleWeapon .weaponHeader .inputWeaponName:active,
.singleWeapon .weaponHeader .inputWeaponName:focus{
    background-color: white;
    border: 1px solid #ccc;
}


.singleWeapon .weaponHeader .inputWeaponName:placeholder-shown{
    border-radius: 0px;
    border-bottom: 1px solid #848484;    
}


.inputWeaponEnhancementConteiner{
    margin-bottom: -11px;
}

.singleWeapon .weaponHeader .inputWeaponEnhancement{   
    width: 39px;
    height: 37px;
    background-color: unset;
    font-size: 35px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -1.8px;
    color: #5E5E5E;
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;
    text-align: right;
       
}

.singleWeapon .weaponHeader .inputWeaponEnhancement:hover,
.singleWeapon .weaponHeader .inputWeaponEnhancement:active,
.singleWeapon .weaponHeader .inputWeaponEnhancement:focus{
    background-color: white;
    border: 1px solid #ccc;
}



.inputWeaponEnhancementConteiner div{
    color: #5E5E5E;
    font-size: 11px;
    margin-left: 3px;
}

.weaponExpanderConteiner{
    color: #979797;
    width: 0px;
    margin-top: -40px;
    position: relative;
    right: 11px;
}

.weaponHeader .weaponExpanderConteiner input{
    left: 0px;
    /* bottom: 0px; */
}


.weaponExpandedArea{
    overflow: hidden;
}

.TCWeapons .weapon .expanderFlag[value="0"] ~* .singleWeapon{    
    margin-bottom: 0px;
    transition: margin-bottom 0.3s;
 } 
 
.TCWeapons .weapon .expanderFlag[value="1"] ~* .singleWeapon{     
     margin-bottom: 10px;
     transition: margin-bottom 0.3s;
 
 } 
 
.TCWeapons .weapon .expanderFlag[value="0"] ~* .singleWeapon{    
    height: 60px;
    transition: height 0.3s;
 } 
 
.TCWeapons .weapon .expanderFlag[value="1"] ~* .singleWeapon{     
     height: 420px;
     transition: height 0.3s;
 
 } 
 
.expanderFlag[value="0"] ~* .weaponExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;
   
}

.expanderFlag[value="1"] ~* .weaponExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
    height: 345px;
    overflow: initial;  
}



.weaponTabContent{
    background-color:#F5F6F7;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:#B9B9B9;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color:#B9B9B9;
    border-bottom: none;    
}




/*Configure the tab buttons*/
.weaponTraitsTab,
.weaponDescriptionTab{
   display: none; 
}

.weaponDescriptionTab{
    height: 305px;
    padding:10px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
 }


.weaponTabButtons{
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
}

.weaponTabButtons button{
    border: none;
    font-size: 12px;
    color: #00000085;
    transition: background-color 0s;
    width: 33%;    
    border: solid;
    border-width: 1px;
    border-color:#ffffff00;
    border-bottom: none;
    background-color: unset; 
    flex-grow: 1;

}


.singleWeapon .weaponTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}

.weaponTabButtons button:focus{
    outline: none;
}




/* show the selected tab */
.weaponTabsToggle[value="weapon1-traits"] ~* .weaponTraitsTab,
.weaponTabsToggle[value="weapon2-traits"] ~* .weaponTraitsTab,
.weaponTabsToggle[value="weapon3-traits"] ~* .weaponTraitsTab,
.weaponTabsToggle[value="weapon1-description"] ~* .weaponDescriptionTab,
.weaponTabsToggle[value="weapon2-description"] ~* .weaponDescriptionTab,
.weaponTabsToggle[value="weapon3-description"] ~* .weaponDescriptionTab{
    display: flex;
    /* flex-direction: column; */
}

/* change button color */
.weaponTabsToggle[value="weapon1-traits"] ~* button[name="act_weapon1-traits"],
.weaponTabsToggle[value="weapon2-traits"] ~* button[name="act_weapon2-traits"],
.weaponTabsToggle[value="weapon3-traits"] ~* button[name="act_weapon3-traits"],
.weaponTabsToggle[value="weapon1-description"] ~* button[name="act_weapon1-description"],
.weaponTabsToggle[value="weapon2-description"] ~* button[name="act_weapon2-description"],
.weaponTabsToggle[value="weapon3-description"] ~* button[name="act_weapon3-description"]{
    background-color: #F5F6F7;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}


.weaponTraitsTab,
.weaponDescriptionTab{
   display: none; 
}

.weaponTraitsHeader{
    width: 90%;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
}

.weaponType,
.weaponSize,
.weaponTech{
    width: 46%;
}

.weaponRange,
.weaponCost,
.weaponValue,
.defaultWeaponValue{
    width: 49%;
}

.weaponTraitsTab .readerTrait{
    justify-content: space-between;
}



.weaponTraitsTab .input-label,
.weaponDescriptionTab .input-label{
    font-size: 13px;
    color: #464646;
}





.defaultWeaponValue{
    pointer-events: none;
    opacity: .5;
}


.weaponValue{
    display:none;
}

.weaponValue .weaponFt,
.weaponValue .weaponAtt{
   display: none
}

.techValueSelected[value="quantum"] ~ .WeaponValue,
.techValueSelected[value="noetic"] ~ .WeaponValue{
    display: flex;
}


.techValueSelected[value="quantum"] ~ .defaultWeaponValue,
.techValueSelected[value="noetic"] ~ .defaultWeaponValue{
    display: none;
}



.techValueSelected[value="quantum"] ~ .weaponValue,
.techValueSelected[value="noetic"] ~ .weaponValue,
.techValueSelected[value="quantum"] ~* .weaponAtt,
.techValueSelected[value="noetic"] ~* .weaponFt{
    display:flex;
    pointer-events: initial;
    opacity: 1;
}



/* .weaponAtt{
    display:none;
}

.weaponFt,
.weaponValue{
    display:flex;
    pointer-events: none;
    opacity: .5;
}

.techValueSelected[value="quantum"] ~ .weaponValue,
.techValueSelected[value="noetic"] ~ .weaponValue,
.techValueSelected[value="quantum"] ~* .weaponAtt,
.techValueSelected[value="noetic"] ~* .weaponFt{
    display:flex;
    pointer-events: initial;
    opacity: 1;
} */






.weaponTraitsTab .inputLine{
    font-size: 14px;
    border-color: #9E9E9E;
    color: #737373; 
    text-align: end;
    min-width: 40%;
    width: 65%;
    flex-grow: 0;
    padding-right: 3%;
    text-align: center;
}

.weaponTraitsTab .weaponTechValue .inputLine{
    margin: 0px;
    padding-left:0px;
    text-align: center;   
}

.weaponTags .input-label{
    margin-top: 5px;
}


.weaponTagsSection{
    background: white;
    width: calc(100% - 30px);
    height: 215px;
    border-top-style: solid;
    border-top-color: #B9B9B9;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 4px;
}



.weaponTag{
    margin-top: .5px;
    position: relative;
}

.weaponTag .traitHeader {
    padding: 0px;
}

.flex.fColumn .weaponTag .traitHeader{
	height: 20.3px;
}

.weaponTag .inputLine {
	text-align: left;
    width: 100%;
}

.weaponTagsColumn1 .weaponTag .expandedArea {
	max-width: 38.7%;
	min-width: 38.7%;	
}

.weaponTagsColumn2 .weaponTag .expandedArea {
	max-width: 38.7%;
	min-width: 38.7%;
    left: 16px;	
}


.weaponTag .expandedArea {
	max-width: calc(95% - 2px);
    min-width: calc(95% - 2px); 
}

.weaponTag .expanderFlagModal[value="0"] ~ .expandedArea,
.weaponTag .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: 0px;
}

.weaponTag input[type="checkbox"].expander + span::after {
    color: #828282;
} 

.weaponTag .traitHeader{
    position: relative;
}

.weaponDescriptionTab .readerTrait textarea {
    min-height: 97%;
    max-height: 97%;
}

.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}


/* ++++ - FIM WEAPONS - +++++ */


/* ++++ - ARMOR - +++++ */
.TCArmors{
    margin-top: 0px;
}

.TCArmors .title2{
    margin-bottom: 5px;
}

.singleArmor{
    width: 48%;
    border-style: solid;
    border-width: 1px;
    border-color:#B9B9B9;    
}

.singleArmor .weaponHeader .inputWeaponName{
    margin-top: -4px;
    width: 95%;
    border: none;
    background-color: unset;
    font-size: 24px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -0.3px;
    border-radius: 0px;
    /* //color: #5E5E5E;  */
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;
}

.singleArmor .weaponHeader .inputWeaponName:hover,
.singleArmor .weaponHeader .inputWeaponName:active,
.singleArmor .weaponHeader .inputWeaponName:focus{
    background-color: white;
    border: 1px solid #ccc;
}


.singleArmor .weaponHeader .inputWeaponName:placeholder-shown{
    border-radius: 0px;
    border-bottom: 1px solid #848484;    
}

.singleArmor .weaponHeader .inputWeaponEnhancement{   
    width: 50px;
    height: 37px;
    background-color: unset;
    font-size: 35px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -1.8px;
    color: #5E5E5E;
    border: 1px solid rgba(204, 204, 204, 0);
    border-radius: 3px;
    text-align: right;       
}

.singleArmor .weaponHeader .inputWeaponEnhancement.formatable{   
    width: 68px;          
}

.singleArmor .weaponHeader .inputWeaponEnhancement:hover,
.singleArmor .weaponHeader .inputWeaponEnhancement:active,
.singleArmor .weaponHeader .inputWeaponEnhancement:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.armorBase,
.armorTech{
    width: 46%;    
}

.armor .weaponRange,
.armor .weaponCost,
.armor .weaponValue,
.armor .defaultWeaponValue{
    width: 46%;
}

.flex .flex .armorBase select{
    text-align: center;
}

.armorValue{
    width: 49%;
}


.TCWeapons .armor .expanderFlag[value="0"] ~* .singleArmor{    
    margin-bottom: 0px;
    transition: margin-bottom 0.3s;
 } 
 
.TCWeapons .armor .expanderFlag[value="1"] ~* .singleArmor{     
     margin-bottom: 10px;
     transition: margin-bottom 0.3s;
 
 } 
 
.TCWeapons .armor .expanderFlag[value="0"] ~* .singleArmor{    
    height: 60px;
    transition: height 0.3s;
 } 
 
.TCWeapons .armor .expanderFlag[value="1"] ~* .singleArmor{     
     height: 396px;
     transition: height 0.3s;
 
 } 

 .pseudoDisplay .TCWeapons .armor .singleArmor .weaponTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}


.TCArmor .armor .expanderFlag[value="0"] ~* .singleArmor{    
    margin-bottom: 0px;
    transition: margin-bottom 0.3s;
 } 
 
.TCArmor .armor .expanderFlag[value="1"] ~* .singleArmor{     
     margin-bottom: 10px;
     transition: margin-bottom 0.3s;
 
 } 
 
.TCArmor .armor .expanderFlag[value="0"] ~* .singleArmor{    
    height: 60px;
    transition: height 0.3s;
 } 
 
.TCArmor .armor .expanderFlag[value="1"] ~* .singleArmor{     
     height: 420px;
     transition: height 0.3s;
 
 } 

.pseudoDisplay .TCWeapons .armor .singleArmor .weaponTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}

/* show the selected tab */
.armorTabsToggle[value="armor1-traits"] ~* .weaponTraitsTab,
.armorTabsToggle[value="armor2-traits"] ~* .weaponTraitsTab,
.armorTabsToggle[value="armor3-traits"] ~* .weaponTraitsTab,
.armorTabsToggle[value="armor1-description"] ~* .weaponDescriptionTab,
.armorTabsToggle[value="armor2-description"] ~* .weaponDescriptionTab,
.armorTabsToggle[value="armor3-description"] ~* .weaponDescriptionTab{
    display: flex;
    /* flex-direction: column; */
}

/* change button color */
.armorTabsToggle[value="armor1-traits"] ~* button[name="act_armor1-traits"],
.armorTabsToggle[value="armor2-traits"] ~* button[name="act_armor2-traits"],
.armorTabsToggle[value="armor3-traits"] ~* button[name="act_armor3-traits"],
.armorTabsToggle[value="armor1-description"] ~* button[name="act_armor1-description"],
.armorTabsToggle[value="armor2-description"] ~* button[name="act_armor2-description"],
.armorTabsToggle[value="armor3-description"] ~* button[name="act_armor3-description"]{
    background-color: #F5F6F7;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.armorTag{
    margin-top: .5px;
    position: relative;
}

.armorTag .traitHeader {
    padding: 0px;
}

.flex.fColumn .armorTag .traitHeader{
	height: 20.3px;
}

.armorTag .inputLine {
	text-align: left;
    width: 100%;
}

.weaponTagsColumn1 .armorTag .expandedArea {
	max-width: 38.7%;
	min-width: 38.7%;	
}

.weaponTagsColumn2 .armorTag .expandedArea {
	max-width: 38.7%;
	min-width: 38.7%;
    left: 16px;	
}


.armorTag .expandedArea {
	max-width: calc(95% - 32px);
	min-width: calc(95% - 32px);  
}

.armorTag .expanderFlagModal[value="0"] ~ .expandedArea,
.armorTag .expanderFlagModal[value="1"] ~ .expandedArea{
    top: auto;
    margin-top: 0px;
}

.armorTag input[type="checkbox"].expander + span::after {
    color: #828282;
} 

.armorTag .traitHeader{
    position: relative;
}

.weaponDescriptionTab{
    padding:10px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
}

.weaponDescriptionTab .readerTrait textarea {
    min-height: 97%;
    max-height: 97%;
}

.armor .repcontainer.editmode .repitem[data-reprowid="----Rep-Armr---ID-00"] .itemcontrol .repcontrol_del,
.armor .repcontainer.editmode .repitem[data-reprowid="----Rep-Armr---ID-01"] .itemcontrol .repcontrol_del{
    display: none;
}


/* ++++ - FIM ARMOR - +++++ */




/* ++++ - GEARS - +++++ */
.TCGears .title2{
    margin-bottom: 0px;
}

.armorDescriptionTab .readerTrait textarea {
    height: 200px;
}

.armorDescriptionTab{
    height: 210px;
    border-bottom-style: solid;
    border-bottom-color: #B9B9B9;
    border-bottom-width: 1px;
 }

 .armorDescriptionTab textarea{
    border-left: none;
    border-right: none;
 }

 .TCGears .expanderFlag[value="1"] ~ * .weaponExpandedArea {
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    margin-bottom: 10px;
    top: 26px;
    height: 294px;
}

.TCGears .weaponValue,
.TCGears .defaultWeaponValue{
    width: 46%;
}

.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Gear---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}
/* ++++ - FIM GEARS - +++++ */

/* ################ - FIM EQUIPMENTS - ################ */













/* ################ -CUSTOM ROLL - ################ */

.TCCustomsRolls{
    margin-top: 15px;
}

.TCCustomsRolls .title{
    margin-bottom: 5px;
}

.customRollContainer{
    margin-top: 10px;
    /* margin-bottom: 20px; */
    display: flex;
    justify-content: space-between;
}

.customRollContainer .singleCustomRoll{
    display: flex;
    position:initial;
    width: 30%;
    top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    z-index: 0;
}

/* .defaultRollingDisplay.singleCustomRoll .rollTitleSection{
    height: 76px;
}*/

.customRollContainer .rollTitleSection{
    height: 58px;
}

.customRollContainer .inputWeaponTitle{
    border:none;
    padding-left: 5px;
}


.topHeader{
    width: 100%;
    padding-top: 5px;
}

.topHeader .flex{
    margin-right: -10px;
    margin-top: -4px;
}

.defaultRollingDisplay.singleCustomRoll .names {
	padding-left: 4px;
	padding-top: 0px;
}

.defaultRollingDisplay.singleCustomRoll .rollTitleSection{
    justify-content: initial;
    align-items: initial;
} 


.defaultRollingDisplay.singleCustomRoll .rollTitleSectionInner{
    width: 100%;
    height: 100%;
    margin-top: 1px;
} 

.defaultRollingDisplay.singleCustomRoll .target{
	display: flex;
    margin-right: 7px;
    margin-top: 1px;
}


.defaultRollingDisplay.singleCustomRoll .target div{	   
    opacity: 0;   
    font-size: 11px;
    margin-left: 3px;
    margin-top: 11px;    
}

/* .defaultRollingDisplay.singleCustomRoll .target .targetSelected:not([value="DF"]) ~ div{	
    color: #5E5E5E;        
} */

.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="1"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="2"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="3"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="4"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="5"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="6"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="7"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="8"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="9"] ~ div,
.defaultRollingDisplay.singleCustomRoll .target .targetSelected[value="10"] ~ div{	
    color: #5E5E5E;
    opacity: 1;        
}



.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber{
	color: #5E5E5E;
    font-weight: bold;
    font-size: 33px;
    opacity: 1;  
    border: none;
    margin-top: -9px;
    height: 40px;
    text-align: right;
    -moz-appearance: none;
    background: transparent;
    padding: 0px;
    width: 41px;
    margin-right: -3px;
    line-height: initial;
    appearance: none;
    text-align-last:right;
}

.defaultRollingDisplay.singleCustomRoll .targetIcon{
    color: #8A8A8A;
    font-size: 15px;
    margin-top: -13px;
}



.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:hover,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:active,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .targetNumber:focus{
    background-color: white;
    border: 1px solid #ccc;
    color: rgb(104, 104, 104);
}



.defaultRollingDisplay.singleCustomRoll .names input {
    width: 100%;
    height: 33px;
    opacity: 1;
    border: none;
    background: none;
    pointer-events: auto;
    margin-left: 1px;
    font-size: 10px;
    color: #5E5E5E;;
    font-weight: bold;
    font-size: 27px;
    letter-spacing: 0px;
    margin-top: 0px;  
}

.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:hover,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:active,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .names input:focus{
    background-color: white;
    border: 1px solid #ccc;
    color: rgb(104, 104, 104);
}

.defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown{
    border-radius: 0px;
    border-bottom: 1px solid #636465;
}

.defaultRollingDisplay.singleCustomRoll .traitName {
	font-size: 14px;
	font-weight: bold;
	color: #5e5e5e;
	width: auto;
	margin-bottom: 0px;
	text-align: center;
    width: 112px;
    height: 18px;
    background: none;
    padding-top: 5px;
    margin-bottom: 5px;
    border: none;  
}

.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:hover,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:active,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitName:focus{
    background-color: white;
    border: 1px solid #ccc;
    color: rgb(104, 104, 104);
}

.defaultRollingDisplay.singleCustomRoll .traitName:placeholder-shown {
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid #737373;
    width: 85px;  
}



.customRollExpandedArea{
    overflow: hidden;
    display: flex;
    flex-direction: column;
}


.pseudoDisplay .repitem .expanderFlag[value="0"] ~ .customRollContainer{    
    margin-bottom: 20px;
    transition: margin-bottom 0.3s;
 }


.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .singleCustomRoll{    
    margin-bottom: 0px;
    transition: margin-bottom 0.3s;
 } 
 
.pseudoDisplay .repitem .expanderFlag[value="1"] ~* .singleCustomRoll{     
     margin-bottom: 10px;
     transition: margin-bottom 0.3s;
 
 } 
 
.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .singleCustomRoll{    
    height: 124px;
    transition: height 0.3s;
 } 
 
.pseudoDisplay .repitem .expanderFlag[value="1"] ~* .singleCustomRoll{     
     height: 327px;
     transition: height 0.3s;
 
 }


.repitem .expanderFlag[value="0"] ~* .customRollExpandedArea{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;
    top: 26px;
   
}

.repitem .expanderFlag[value="1"] ~* .customRollExpandedArea{
    margin-top: 0px;
    margin-bottom: 0px;
    transition: height 0.3s , opacity 0.3s;
    top: 26px;
    height: 174px;  
}

.repitem .expanderFlag[value="0"] ~* .rollEndingSection{
    height: 60px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #b9b9b9;
    transition: height 0.3s;
}

.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .rollEndingSection button{
    height: 54px;
    transition: height 0.3s;
}

.pseudoDisplay .repitem .expanderFlag[value="1"] ~* .rollEndingSection button{
    transition: height 0.3s;
}

.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .defaultRollingDisplay .diceGraf{
    transform: scale(0.7);
}

.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .defaultRollingDisplay .rollEndingSectionInner:hover .diceGraf {
    transform: scale(.77);
}

.pseudoDisplay .repitem .expanderFlag[value="0"] ~* .defaultRollingDisplay .rollEndingSectionInner:active .diceGraf{
    transform: rotate(90deg) scale(.6);      
}






/*Configure the tab buttons*/
.TCRolls .customRoll .customRollContainer .defaultRollingDisplay.singleCustomRoll .colorFont{
    transition: none;
}


.cRTraitsTab,
.cRDescriptionTab{
   display: none; 
}


.cRTraitsTab{
  flex-direction: column;
}


.cRDescriptionTab{
    height: 142px;
    padding:10px;
    border-top-style: solid;
    border-top-color: #B9B9B9;
    border-top-width: 1px;
    background: white;
    padding: 5px;
 }


 .cRTabButtons {
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
    z-index: 1;
}

.defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
    border: none;
    font-size: 12px;
    color: #757575;
    transition: none;
    width: 33%;    
    border: solid;
    border-width: 1px;
    border-color:#ffffff00;
    border-bottom: none;
    background-color: unset; 
    flex-grow: 1;

}

.defaultRollingDisplay.singleCustomRoll .rollMiddleSection1,
.cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-traits"],
.cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-traits"],
.cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-traits"]{
    background-color: #F5F6F7;
}



.customRoll .customRollContainer .defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
    transition: none;
}






.defaultRollingDisplay.singleCustomRoll .cRTabButtons button:focus{
    outline: none;
}



/* show the selected tab */
.cRTabsToggle[value="cr01-traits"] ~* .cRTraitsTab,
.cRTabsToggle[value="cr02-traits"] ~* .cRTraitsTab,
.cRTabsToggle[value="cr03-traits"] ~* .cRTraitsTab,
.cRTabsToggle[value="cr01-description"] ~* .cRDescriptionTab,
.cRTabsToggle[value="cr02-description"] ~* .cRDescriptionTab,
.cRTabsToggle[value="cr03-description"] ~* .cRDescriptionTab{
    display: flex;
    /* flex-direction: column; */
}

/* change button color */
.cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-traits"],
.cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-traits"],
.cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-traits"],
.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
    
}



.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-traits"],
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-traits"],
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-traits"]{
    background-color: transparent;
}


.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
    background-color: white;
}


.cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-traits"]:hover,
.cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-traits"]:hover,
.cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-traits"]:hover,
.cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-description"]:hover,
.cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-description"]:hover,
.cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-description"]:hover{
    background-color: #0000000a;
}


.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue {
    font-size: 35px;
    font-weight: bold;
    width: 65px;
    text-align: center;
    background: none;
    border: none;
    padding: 0px;
    text-align: center;
    appearance: none;
    -moz-appearance: textfield;
    -webkit-margin-start:14px
}



.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:hover,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:active,
.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:focus{
    background-color: white;
    border: 1px solid #ccc;
    color: rgb(104, 104, 104);
    appearance: initial;
    -moz-appearance:initial;
}

.customRollContainer .defaultRollingDisplay.singleCustomRoll .traitValue:placeholder-shown {
    width: 60px;  
}


.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber {
	font-size: 21px;
	color: #656565;
	font-weight: bold;
    width: 36px;
    text-align: center;
    padding: 0px;
    -moz-appearance: textfield;
    margin: 0; 
    border: none;
}


.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:hover,
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:active,
.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:focus{
    background-color: white;
    border: 1px solid #ccc;
    color: rgb(104, 104, 104);
    appearance: initial;
    -webkit-appearance: initial;
    width: 50px;
}

.pseudoDisplay .customRollContainer .defaultRollingDisplay.singleCustomRoll .modifierNumber:placeholder-shown {
    width: 36px;  
}

.cRDescriptionTab .expandedArea{
    border: none;
    max-height: 126px;
    min-height: 126px;
    margin: 0px;
}


.customRoll .repcontainer.editmode .repitem[data-reprowid="----Rep-CRol---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/* ++++ - FIM ROLLS - +++++ */



/* ++++ - INITIATIVE - +++++ */

.TCCustomsInitiatives{
    margin-top: 15px;
}

.TCCustomsInitiatives .title{
    margin-bottom: 5px;
}

/*Configure the tab buttons*/
.TCRolls .customInitiative .customRollContainer .defaultRollingDisplay.singleCustomRoll .colorFont{
    transition: none;
}
/*Fim Configure the tab buttons*/



/* show the selected tab */
.cITabsToggle[value="ci01-traits"] ~* .cRTraitsTab,
.cITabsToggle[value="ci02-traits"] ~* .cRTraitsTab,
.cITabsToggle[value="ci03-traits"] ~* .cRTraitsTab,
.cITabsToggle[value="ci01-description"] ~* .cRDescriptionTab,
.cITabsToggle[value="ci02-description"] ~* .cRDescriptionTab,
.cITabsToggle[value="ci03-description"] ~* .cRDescriptionTab{
    display: flex;
    /* flex-direction: column; */
}

/* change button color */
.cITabsToggle[value="ci01-traits"] ~* button[name="act_ci01-traits"],
.cITabsToggle[value="ci02-traits"] ~* button[name="act_ci02-traits"],
.cITabsToggle[value="ci03-traits"] ~* button[name="act_ci03-traits"],
.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}


.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-traits"],
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-traits"],
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-traits"]{
    background-color: transparent !important;
}



.cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
.cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
.cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
    background-color: white;
}


.custominitiative .repcontainer.editmode .repitem[data-reprowid="----Rep-CIni---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}


/* ++++ - FIM INITIATIVE - +++++ */

/* ################ -FIM CUSTOM ROLL - ################ */




/* ################ - CircumsTAMCIAL - ################ */
.TCCombatMode{
    min-height: 700px;
}

.TCcircumst{
    margin-top: 15px;
}

.singleCircumst{
    width: 100%;
    height: 220px;
    margin-top: 10px;
}

.circumstHeaderTraits{
    width: 100%;
    height: 58px;
}


.singleCircumst{
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9; 
    overflow: hidden;   
}


.singleCircumst .pathLabel{
    font-size: 12px;
    border-radius: 0px;
    height: 18px;
    margin-top: 0px;
}

.circumstHeaderTraitsInputs{
    margin-top: 10px;
}

.circumstHeaderTraitsInputs .inputLine{
    border-bottom: 1px solid #a4a4a4;
    font-size: 14px;
}

.inputLine.specifically{
    text-align: center;
    width: 147%;
    margin-left: 10px;
    margin-right: 10px;
}


.inputLine.changes{
    text-align: right;    
}


.circumstExpander{
    width: 25px;
}

.circumstExpander div{
    margin-right: -12px;
    margin-top: 18px;
}

.circumstExpander div .expander{
    left: 1px;
}

.circumstExpander .spanExpander{
    color: #555;
}

.circumstExpanded{
    height: 150px;
    background-color: #f5f6f8;
    border-top: solid;
    border-top-width: 1px;
    border-top-color:#B9B9B9;
    border-bottom: solid;
    border-bottom-width: 1px;
    border-bottom-color:#B9B9B9;
    overflow: hidden;
    padding-left:5px;
    padding-right: 5px;    
}

.circumstExpanded .otherTraits{
    height: 55px;
    padding-top:10px;
    font-size: 15px;
}

.circumstExpanded .otherTraits .input-label{
    font-size: 15px;
    color:#5b5b5b;
}

.circumstExpanded .otherTraits .inputLine{
    font-size: 14px;
    color:#6f6f6f;
    border-bottom: 1px solid #00000024;    
}

.TCCombatMode .TCcircumst .expanderFlag[value="0"] ~ .singleCircumst{ 
    margin-bottom: 15px;
    height: 58px;
    transition: height 0.3s;
 } 
 
 .TCCombatMode .TCcircumst .expanderFlag[value="1"] ~ .singleCircumst{ 
    margin-bottom: 30px;
    height: 235px;
    transition: height 0.3s; 
 } 


 .TCCombatMode .TCcircumst .expanderFlag[value="0"] ~* .circumstExpanded{   
    opacity: 0;
    transition: height 0.3s , opacity 0.3s;
    height: 0px !important;  
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom-width: 0px;
    padding-top: 0px;
    margin-top: 0px;  
}

.TCCombatMode .TCcircumst .expanderFlag[value="1"] ~* .circumstExpanded{
    margin-top: 0px;    
    transition: height 0.3s , opacity 0.3s;   
    height: 167px;  
}

 
 
 
 /* .expanderFlag[value="0"] ~ .singleCircumst .circumstHeader{ 
     transition: height 0.3s;
     height: 65px;
 } 
 
 .expanderFlag[value="1"] ~ .singleCircumst .circumstHeader{ 
     transition: height 0.3s;
     height: 67px;
 }  */
 
 
 
 .expanderFlag[value="0"] ~* .quantumPowerExpandedArea{   
     opacity: 0;
     transition: height 0.3s , opacity 0.3s;
     height: 0px !important;  
     margin-bottom: 0px;
     padding-bottom: 0px;
     border-bottom-width: 0px;
     padding-top: 0px;
     margin-top: 0px;
     top: 26px;
    
 }
 

 .expanderFlag[value="1"] ~* .quantumPowerExpandedArea{
     margin-top: 0px;
     margin-bottom: 0px;
     transition: height 0.3s , opacity 0.3s;
     margin-bottom: 10px;
     top: 26px;
     height: 395px;
   
 }

 .circumstExpanded .expandedArea{
    min-height: 83px;
    max-height: 83px;    
    font-style: italic;
    color: #666;
}


.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-00"] .itemcontrol .repcontrol_del,
.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-01"] .itemcontrol .repcontrol_del,
.TCcircumst .repcontainer.editmode .repitem[data-reprowid="----Rep-Crct---ID-02"] .itemcontrol .repcontrol_del{
    display: none;
}
 


/* ################ - FIM CircumsTAMCIAL - ################ */

.TCCredits{
    flex-direction: column;
}

.credSection.logoMercuryCluster{
    margin-top: 30px;
    margin-bottom: 35px;
}

.credSection.developed .credContent{
    flex-direction: row;
    justify-content: space-between;
    width: 112%;
    align-self: center;
}

.credSection{
    display: flex;
    align-self: center;
    flex-direction: column;
    margin-bottom: 40px;
}

.credTitle{
    align-self: center;
    text-align: center;
    font-size: 25px;
    color: #6a6a6a;
    font-weight: 300;
}

.credContent{
    display: flex;
    align-items: center;
    flex-direction: column;
}

.credName{
    margin-bottom: 10px;
    font-size: 19px;
    color: #5b5b5b;
    font-weight: 300;
}







/* ################ - CREDITS - ################ */


/* ############### - FIM CREDITS - ############### */











/* ################ - OPTIONS - ################ */
.TCSettings{
    min-height: 433px;
    background-color: #FBFBFB;
}

.themes{
    margin-top: 10px;
}

.optionsTitles{
    width: 100%;
    height: 32px;
    font-size: 23px;
    color: #808080;
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-bottom-color: #C5C5C5;   
}

.optionsColor {
    margin-top: 7px;
    margin-left: 10px;   
}

.optionColor {
   align-items: center; 
   justify-content: space-between;
   width: 180px;
   margin-bottom: 6px;  
}

.optionColor input{
    width: 12px;
}

.themeName{
    font-size: 15px;
    color: #747474;
    margin-left: 5px;   
}

.colorBoxes{
    width: 57px;
    font-size: 14px;
    color: #747474;
    font-style: italic;
}

.colorBox {
    width: 15px;
    height: 11px;
    border-color: #929292;
    border-width: 1px;
    border-style: solid;
    /* box-shadow: 1px 2px 2px #00000070; */
}

.neutral1{
   background: #475353; 
}

.neutral2{
    background: #DFDFDF; 
 }

 .neutral3{
    background: white; 
 }

 .flux1{
    background: #005B7F; 
 }

 .flux2{
    background: #D7E8EF; 
 }

 .flux3{
    background: white; 
 }

 .flux21{
    background: #D20F28; 
 }

 .flux22{
    background: #EACB77; 
 }

 .flux23{
    background: white; 
 }

 .flux31{
    background: #4F7121; 
 }

 .flux32{
    background: #DAE9C4; 
 }

 .flux33{
    background: white; 
 }


 .flux4{
    background: white; 
 }

 .flux41{
    background: #574582; 
 }

 .flux42{
    background: #e2dfeb; 
 }

 .flux43{
    background: white; 
 }

 .quantum1{
    background: #000000; 
 }

 .quantum2{
    background: #FEC00F; 
 }

 .quantum3{
    background: #FEE7DC; 
 }

 .psi1{
    background: #A5181C; 
 }

 .psi2{
    background: #F0DED6; 
 }

 .psi3{
    background: white; 
 }

 .telluric1{
    background: white; 
 }

 .telluric2{
    background: white; 
 }

 .telluric3{
    background: white; 
 }

 .source1{
    background: #80407E; 
 }

 .source2{
    background: #E4DDEB; 
 }

 .source3{
    background: white; 
 }

 .vintage1{
    background: #4D4D4D; 
 }

 .vintage2{
    background: #D9D0BD; 
 }

 .vintage3{
    background: #EEE7D7; 
 }

 .synthwave1{
    background: #FF00CC; 
 }

 .synthwave2{
    background: #6E00FF; 
 }

 .synthwave3{
    background: #4b4b4b; 
 }

 .fulgurTech1{
    background: #41FCF6; 
 }

 .fulgurTech2{
    background: #1ca8a445; 
 }

 .fulgurTech3{
    background: #515151; 
 }

 .ui-dialog .charsheet .TCSettings input[type="checkbox"]{
    height: 15px;
    width: 15px;
    margin-top: 3px;
 }
 
 .pseudoBody .pseudoDisplay .TCSettings .pSection input[type="checkbox"]:checked{
    background-color: #8e8e8e !important;
 }

 .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex{
    margin-bottom: 6px;

 }


 .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.unselectable{
    display: none;
 }

 .selectedTier[value="talent"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableGifts,
 .selectedTier[value="inspired"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableGifts{
    display: none;
 }

.selectedTier[value="baseline"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="talent"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="nova"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="superior"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="psiad"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="psion"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="qin"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="inspired"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks,
.selectedTier[value="biosuit"] ~ .pseudoBody .pseudoDisplay .TCSettings .pSection .sectionVisibility .flex.selectableEdgesSkilltricks{
    display: none;
 }

 
/* ############### - FIM OPTIONS - ############### */






/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */

.defaultRollingDisplay{
    font-family: Roboto;
	display:none;
    flex-direction: column;
    position: fixed;
	z-index: 2;
	top: 25%;
	background: white;
    align-self: center;
    width: 280px;
    margin-left: -4px;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    margin-bottom: 30px;   
}

.defaultRollingDisplay.customInitialRoll{
    font-family: Roboto;
	display:none;
    flex-direction: column;
    position: absolute;
    z-index: 2;
    background: none;
    width: 100%;
    height: 100%;
    margin-left: 0px;
    border-style: none;
    margin-bottom: 0px;
    top: 0%;
    margin-top: 0px;
    pointer-events: none;  
}


#customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1,
#customRolls .defaultRollingDisplay.customInitialRoll .cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-traits"],
#customRolls .defaultRollingDisplay.customInitialRoll .cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-traits"],
#customRolls .defaultRollingDisplay.customInitialRoll .cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-traits"]{
    background-color: #F5F6F7;
}


#customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1,
#customRolls .defaultRollingDisplay.customInitialRoll .cITabsToggle[value="ci01-traits"] ~* button[name="act_ci01-traits"],
#customRolls .defaultRollingDisplay.customInitialRoll .cITabsToggle[value="ci02-traits"] ~* button[name="act_ci02-traits"],
#customRolls .defaultRollingDisplay.customInitialRoll .cITabsToggle[value="ci03-traits"] ~* button[name="act_ci03-traits"]{
    background-color: #F5F6F7;
}


#customRolls .defaultRollingDisplay.customInitialRoll .customRollContainer{
    margin-top: 0px;
}


#customRolls .cITabsToggle[value="ci01-traits"] ~* button[name="act_ci01-traits"],
#customRolls .cITabsToggle[value="ci02-traits"] ~* button[name="act_ci02-traits"],
#customRolls .cITabsToggle[value="ci03-traits"] ~* button[name="act_ci03-traits"],
#customRolls .cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
#customRolls .cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
#customRolls .cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

#customRolls .cITabsToggle[value="ci01-description"] ~* button[name="act_ci01-description"],
#customRolls .cITabsToggle[value="ci02-description"] ~* button[name="act_ci02-description"],
#customRolls .cITabsToggle[value="ci03-description"] ~* button[name="act_ci03-description"]{
    background-color: white;
}


#customRolls .cRTabsToggle[value="cr01-traits"] ~* button[name="act_cr01-traits"],
#customRolls .cRTabsToggle[value="cr02-traits"] ~* button[name="act_cr02-traits"],
#customRolls .cRTabsToggle[value="cr03-traits"] ~* button[name="act_cr03-traits"],
#customRolls .cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
#customRolls .cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
#customRolls .cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

#customRolls .cRTabsToggle[value="cr01-description"] ~* button[name="act_cr01-description"],
#customRolls .cRTabsToggle[value="cr02-description"] ~* button[name="act_cr02-description"],
#customRolls .cRTabsToggle[value="cr03-description"] ~* button[name="act_cr03-description"]{
    background-color: white;
}







#customRolls .cRDescriptionTab {
    height: 142px;
    padding: 10px;
    border-top-style: solid;
    border-top-color: #B9B9B9;
    border-top-width: 1px;
    background: white;
    padding: 5px;
}

#customRolls .cRDescriptionTab textarea{
    background: white;
    color: #555;
}

#customRolls .cRDescriptionTab textarea::placeholder{   
    color: #555;
    opacity: .5;
}


#customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repitem .expanderFlag[value="0"] ~ .customRollContainer {
  margin-bottom: 20px;
  transition: margin-bottom 0.3s;
}

#customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repitem .expanderFlag[value="1"] ~ * .singleCustomRoll {
    margin-bottom: 20px;    
}



#customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll{
    pointer-events: initial;  
}

#customRolls .defaultRollingDisplay.customInitialRoll .repcontrol{
    pointer-events: initial;
}

#customRolls .defaultRollingDisplay.customInitialRoll .itemcontrol{
    pointer-events: initial;
}

#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="1"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="2"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="3"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="4"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="5"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="6"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="7"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="8"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="9"] ~ div, 
#customRolls .defaultRollingDisplay.customInitialRoll .target .targetSelected[value="10"] ~ div {
	color: #5E5E5E;	
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontrol{
    width: 29px;
    display: flex;
    flex-direction: column;
    position: sticky;
    margin-left: calc(100% - -1px);
    overflow: clip;
    background-color: #336699;
    top: 30px;   
    opacity: 0;
    pointer-events: none;
   
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer{
    position: sticky;
    width: calc(100% +1px);
    top: 30px;
    margin-top: -73px;
    /* height: 900px; */
    overflow: hidden;
  
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer.editmode{
    margin-top: -38px;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontrol_add::after{
    margin-left: -33px;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .editmode + .repcontrol .repcontrol_edit::after{
    margin-left: -34px;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontrol_edit::after{
    margin-left: -44px;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem{
    display: none;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem:nth-child(1){
    display: block;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem:nth-child(2){
    display: block;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem:nth-child(3){
    display: block;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem:nth-child(4){
    display: block;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll.customRepeating .repcontainer .repitem:nth-child(5){
    display: block;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll{
    border-color: #B9B9B9;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .customRollExpandedArea .rollMiddleSection2{
    background-color: white;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollTitleSectionInner{
    background-color: #E8E8E8;
    font-family: inherit
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .targetNumber,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .characterName,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .writingROLL{
	font-weight: bold;
    color: #369;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .inputWeaponTitle,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .inputWeaponTitle::placeholder,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .inputWeaponTitle:placeholder-shown {
    color: #737373;
    opacity: 1;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollEndingSectionInner{
    background-color: #336699;
}

.selectedTier[value="NPC"] ~ .pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollEndingSectionInner{
    background-color: #80407E;
}



.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .spanExpander,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll input[type="checkbox"].expander + span::after{
    color: #333 !important;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .diceIcon{
    color: white;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .targetNumber,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .characterName,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .writingROLL{
    color: #369 !important;
}


.selectedTier[value="NPC"] ~ .pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .targetNumber,
.selectedTier[value="NPC"] ~ .pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .characterName,
.selectedTier[value="NPC"] ~ .pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .writingROLL{
    color: #80407E !important;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .cRTabButtons button{
    color: #757575;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .cRTabsToggle[value="cr01-traits"] ~ * button[name="act_cr01-traits"],
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .cRTabsToggle[value="cr02-traits"] ~ * button[name="act_cr02-traits"],
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .cRTabsToggle[value="cr03-traits"] ~ * button[name="act_cr03-traits"],
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1{
    background-color: #F5F6F7;
    border-color: #B9B9B9;
    color: #757575;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .targetNumber:hover,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .names input:hover,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .traitValue:hover,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .traitName:hover,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .modifierNumber:hover,

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .targetNumber:focus,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .names input:focus,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .traitValue:focus,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .traitName:focus,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .modifierNumber:focus{
    background-color: white;
    border: 1px solid #ccc;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1 input,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection2 input{
    color: #369;
    font-weight: bold;
    border-color: #737373;
}


.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll.defaultRollingDisplay .numberHider{
    background: white;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown{
    border-bottom: 1px solid #636465;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .repitem .expanderFlag[value="0"] ~ * .rollEndingSection {
    border-top-color: #b9b9b9;  
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1 input::placeholder,
.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection2 input::placeholder{
    color: #9b9b9b !important;
    opacity: 1;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .defaultRollingDisplay.singleCustomRoll .names input:placeholder-shown{
    border-color: #636465;
}

.pseudoBody .pseudoDisplay #customRolls .defaultRollingDisplay.customInitialRoll .singleCustomRoll .rollMiddleSection1{
    border-color: #B9B9B9;
}




.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay select option{
    background-color: initial;
    color: #5e5e5e;
}

.defaultRollingDisplay .rollTitleSection{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: initial;
    width: 100%;
    height: 63px;
}

.defaultRollingDisplay .rollTitleSectionInner{
    display:flex;   
    width: calc(100% - 6px);
    height: 57px;
    justify-content: space-between;
}

.defaultRollingDisplay .names{
    padding-left: 4px;  
    padding-top: 4px; 
}

.defaultRollingDisplay.coreRoll .names input,
.defaultRollingDisplay.genericRoll .names input,
.defaultRollingDisplay.initiativeRoll .names input,
.defaultRollingDisplay.traitRoll .names input{
   width: auto;
   border: none;
   background: none;
   height: 12px;
   pointer-events: none;
   margin-left: 1px;
   color: white !important;
}

.defaultRollingDisplay .characterName{
    color:white;
    font-size: 12px;
    opacity: .70;
    letter-spacing: .5px;
    padding-left: 1px;    
}

.defaultRollingDisplay .rollName{
    color:white;
    font-weight: bold;
    font-size: 29px;
    letter-spacing: 0px;
    margin-top: -8px;
}

.defaultRollingDisplay .target{
    display: flex;
    margin-right: 7px;
    margin-top: 22px;
}

.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.coreRoll .targetNumber,
.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.initiativeRoll .targetNumber{
    color:white;
    font-weight: bold;
    font-size: 33px;
    opacity: .80;
    margin-right: -6px;
    width: 25px;
    border: none;
    background: none;
    pointer-events: none;
    margin-top: -9px;
    margin-right: -8px;    
}

.defaultRollingDisplay.genericRoll .targetNumber,
.defaultRollingDisplay.traitRoll .targetNumber{
    color: #757575;
    font-weight: bold;
    font-size: 33px;
    opacity: 1;
    width: 63px;
    border: none;
    margin-top: -9px;
    height: 40px;
    text-align: right;
    margin-right: 1px;  
}



.defaultRollingDisplay .targetIcon{
    color: white;
    font-family: "Material Icons Outlined";
    font-size: 18px;
    margin-top: -21px;
    opacity: 0.8;  
}

.defaultRollingDisplay .rollMiddleSection1{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    background-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    border-left: none; 
    border-right: none;  
    height: 81px;
}

.npcDisplay.defaultRollingDisplay .rollMiddleSection1{   
    justify-content: space-between;    
}


.defaultRollingDisplay .trait1,
.defaultRollingDisplay .trait2{
    margin-top: 5px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.defaultRollingDisplay.coreRoll .traitName,
.defaultRollingDisplay.traitRoll .traitName{
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    width: 130px;
    margin-bottom: 0px;
    text-align: center;
}

.defaultRollingDisplay.genericRoll .traitName{
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    margin-bottom: 0px;
    text-align: center;
}

.defaultRollingDisplay.traitRoll .trait1, 
.defaultRollingDisplay.traitRoll .trait2 {
	margin-top: 0px;
}


.defaultRollingDisplay.traitRoll .rollMiddleSection1{    
    height: 95px;
}

.defaultRollingDisplay.traitRoll .traitName{
    margin-bottom: 6px;
}



.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.initiativeRoll .traitName{
    font-size: 14px;
    font-weight: bold;
    color: #5e5e5e;
    text-align: center;
    width: 113px;
    border: none;
    background: none;
}

.npcDisplay.defaultRollingDisplay.initiativeRoll .trait2 .traitName{
    justify-content: center;
    display: flex;
    width: 100%;
    margin-top: 3px;   
}

.npcDisplay.defaultRollingDisplay.initiativeRoll .trait2 input{
    margin-top: 3px;   
}

.defaultRollingDisplay.coreRoll .traitValue,
.defaultRollingDisplay.initiativeRoll .traitValue{
    font-size: 35px;
    font-weight: bold;
    width: 35px;
    text-align: center;
    background: none;
    border: none;
    padding: 0px;
}

.pseudoDisplay .npcDisplay.defaultRollingDisplay.coreRoll .trait2{
    margin-top: 7px;
}

.pseudoDisplay .npcDisplay.defaultRollingDisplay.coreRoll .trait2 .traitValue{
    border: 1px solid #80407E;
    background:white;
    width: 77px;
    margin-top: 5px;
}

.pseudoDisplay .defaultRollingDisplay.genericRoll .traitValue,
.pseudoDisplay .defaultRollingDisplay.traitRoll .traitValue{
    font-size: 35px;
    font-weight: bold;
    width: 77px;
    padding: 0px;
    text-align: center;
    padding-left: 16px;
}  

.traitUnavailable {
    background: none;
    appearance: textfield;
    border: none !important;
    padding: 0px !important;
    pointer-events: none;
}


.defaultRollingDisplay .rollMiddleSection2{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    background-color: white;     
}

.defaultRollingDisplay .modifierValue{
    display: flex;
    margin-left: -2%;
    padding-top: 2px;    
}

.defaultRollingDisplay .modifier{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
}

.defaultRollingDisplay .modifierTitle{
    font-size: 13px;
    color: #656565    
}

.defaultRollingDisplay .modifierAdding{
    font-size: 20px;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 1px;
    color: #4B4B4B
}


.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.modalRoll .modifierTitle{
    color: #4B4B4B!important;
}

.sheetform .charactersheet .pseudoBody .pseudoDisplay .defaultRollingDisplay.modalRoll .modifierAdding{
    color: #656565 !important;    
}



.pseudoDisplay .defaultRollingDisplay .modifierNumber{
    font-size: 21px;
    font-weight: bold;
    width: 55px;
    text-align: center;
    padding: 2px;
    background: none;
}

.pseudoDisplay .defaultRollingDisplay.modalRoll .modifierNumber{    
    color: #656565 !important;   
}


.defaultRollingDisplay .rollEndingSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 90px;   
}



.defaultRollingDisplay.modalRoll .rollEndingSection{   
    background: white !important;    
}

.defaultRollingDisplay .rollEndingSectionInner{
    width: calc(100% - 6px);
    height: 82px;
    justify-content:center;
    align-items: center; 
    border:none;
    padding: 0px;  
}

.defaultRollingDisplay .diceGraf{
    display:flex;   
    width: 100%;
    height: 100%;
    justify-content:center;
    align-items: center; 
    border:none;
    transform: scale(1); 
    transition: transform .3s;     
}

.defaultRollingDisplay .writingROLL{
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    font-weight: bolder;
    font-size: 18px;
    margin-left: 3px;
   
}



.defaultRollingDisplay .diceIcon{
    font-family: dicefontd10;
    color: white;
    font-size: 109px;
    margin-top: -1px;
   
}

.defaultRollingDisplay .numberHider{
    background: rgb(255, 255, 255);
    width: 18px;
    height: 25px;
    margin-top: -8px;
    margin-left: 36px;
   
}

.defaultRollingDisplay .rollEndingSectionInner:hover .diceGraf{
    transform: scale(1.1);
      
}

.defaultRollingDisplay .rollEndingSectionInner:active .diceGraf{
    transform: rotate(90deg);      
}

.defaultRollingDisplay .rollTitleSectionInner,
.defaultRollingDisplay .rollEndingSectionInner{  
    background: #336699;
}

.defaultRollingDisplay.coreRoll .traitValue,
.defaultRollingDisplay.initiativeRoll .traitValue,
.defaultRollingDisplay.genericRoll .traitValue,
.defaultRollingDisplay.traitRoll .traitValue,
.defaultRollingDisplay.coreRoll .writingROLL,
.defaultRollingDisplay.initiativeRoll .writingROLL,
.defaultRollingDisplay.genericRoll .writingROLL,
.defaultRollingDisplay.traitRoll .writingROLL{
    color: #336699 !important;
}



.defaultRollingDisplay input, 
.defaultRollingDisplay textarea, 
.defaultRollingDisplay select, 
.defaultRollingDisplay .uneditable-input{
    border: 1px solid #336699;
}


.pseudoDisplay .defaultRollingDisplay.traitRoll .traitValue[name="attr_trait_2"] {
    width: 130px;
  }


.npcDisplay.defaultRollingDisplay .rollTitleSectionInner,
.npcDisplay.defaultRollingDisplay .rollEndingSectionInner{  
    background: #80407E;
}

.npcDisplay.defaultRollingDisplay.coreRoll .traitValue,
.npcDisplay.defaultRollingDisplay.initiativeRoll .traitValue,
.pseudoDisplay .npcDisplay.defaultRollingDisplay.genericRoll .traitValue,
.npcDisplay.defaultRollingDisplay .writingROLL{
    color: #80407E !important;
}



.npcDisplay.defaultRollingDisplay input, 
.npcDisplay.defaultRollingDisplay textarea, 
.npcDisplay.defaultRollingDisplay select, 
.npcDisplay.defaultRollingDisplay .uneditable-input{
    border: 1px solid #80407E;
}





input[name="attr_core_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}

input[name="attr_generic_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
} 

input[name="attr_initiative_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}

input[name="attr_custominitial_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}

input[name="attr_trait_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}

input[name="attr_custominitial_initiative_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}


input[name="attr_npc_core_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
}

input[name="attr_npc_generic_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
} 

input[name="attr_npc_initiative_roll_display"][value="1"] + .defaultRollingDisplay{
    display:flex;
} 

/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */














/* ################# - ROLL TEMPLATE - ################## */
.sheet-rolltemplate-coreRoll{    
    width: 97%;
    font-family: 'Roboto', sans-serif;
    margin-left: -4px;    
    margin-bottom: 15px;
    max-width: 300px;
}

.sheet-rolltemplate-coreRoll .sheet-date{
	text-align: right;
    font-size: 12px;
    color: #369;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
}

.sheet-rolltemplate-coreRoll .sheet-rolltemplateContainer{
    background-color: rgb(255, 255, 255);
    width: 104%;  
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;   
}


.sheet-rolltemplate-coreRoll .sheet-rollTitleSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 63px;
}

.sheet-rolltemplate-coreRoll .sheet-rollTitleSectionInner{
    display:flex;   
    width: calc(100% - 6px);
    height: 57px;
    justify-content: space-between;
}

.sheet-rolltemplate-coreRoll .sheet-names{
    padding-left: 4px;
    padding-top: 4px;
    width: 74%;
}

.sheet-rolltemplate-coreRoll .sheet-characterName{
    color:white;
    font-size: 12px;
    opacity: .70;
    letter-spacing: .5px;
    padding-left: 1px;    
}

.sheet-rolltemplate-coreRoll .sheet-rollName{
    color: white;
    font-weight: bold;
    font-size: 27px;
    letter-spacing: 0px;
    padding-top: 5px;
    overflow: hidden;
    white-space: nowrap;
    height: 51px;
}

.sheet-rolltemplate-coreRoll .sheet-target{
    display: flex;
    margin-top: 26px;
    margin-right: 7px;
}

.sheet-rolltemplate-coreRoll .sheet-targetNumber{
    color:white;
    font-weight: bold;
    font-size: 33px;
    opacity: .80;
    margin-right: -6px;    
}


.sheet-rolltemplate-coreRoll .sheet-targetIcon{
    color:white;
    font-family: "Material Icons Outlined";
    font-size: 18px;
    margin-top: -21px;
    opacity: 0.8;   
}


.sheet-rolltemplate-coreRoll .sheet-rollMiddleSection1{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    background-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    border-left: none; 
    border-right: none;  
}

.sheet-rolltemplate-coreRoll .sheet-trait1,
.sheet-rolltemplate-coreRoll .sheet-trait2{
    margin-top: 5px;
    width: 50%;
    text-align: center;
}

.sheet-rolltemplate-coreRoll .sheet-traitName{
    font-size: 14px;
    font-weight: bold;
    color: black;
    opacity: .6;
}

.sheet-rolltemplate-coreRoll .sheet-traitValue{
    font-size: 35px;
    font-weight: bold;
    margin-top: 12px;
}


.sheet-rolltemplate-coreRoll .sheet-rollMiddleSection2{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 53px;
    Background-color: white;     
}

.sheet-rolltemplate-coreRoll .sheet-modifierValue,
.sheet-rolltemplate-coreRoll .sheet-modifierValue{
    display: flex;
    margin-left: -2%;
    padding-top: 2px;    
}

.sheet-rolltemplate-coreRoll .sheet-modifier{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
}

.sheet-rolltemplate-coreRoll .sheet-modifierTitle{
    font-size: 13px;
    color: #4B4B4B;
}

.sheet-rolltemplate-coreRoll .sheet-modifierAdding{
    font-size: 20px;
    color: #656565;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 1px;
}

.sheet-rolltemplate-coreRoll .sheet-modifierNumber{
    font-size: 21px;
    color: #656565;
    font-weight: bold;
}

.sheet-rolltemplate-coreRoll .sheet-rollEndingSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 90px;   
}

.sheet-rolltemplate-coreRoll .sheet-rollEndingSectionInner{
    display:flex;   
    background: #6A6A6A;
    width: calc(100% - 6px);
    height: 84px;
    justify-content:center;
    align-items: center;   
}

.sheet-rolltemplate-coreRoll .sheet-diceResult{
    position: absolute;
    display:flex;
    justify-content:center;
    align-items: center;
    margin-top: 27px;   
}



.sheet-rolltemplate-coreRoll .sheet-diceResult .sheet-diceSucessNumber span{
    background: none;
    border: none;
    color:#336699;
    font-size: 43px;
}

.sheet-rolltemplate-coreRoll .sheet-diceSucessNumber.sheet-crit span{
    color: #f20101;
}



.sheet-rolltemplate-coreRoll .sheet-crit + .sheet-notCrit{
    display:none;   
}


.sheet-rolltemplate-coreRoll .sheet-diceIcon{
    font-family: dicefontd10;
    color: white;
    font-size: 109px;
    margin-top: 0px;
}

.sheet-rolltemplate-coreRoll .sheet-numberHider{
    background: rgb(255, 255, 255);
    width: 18px;
    height: 25px;
    margin-top: -10px;
    margin-left: 36px;
}

.sheet-rolltemplate-coreRoll .sheet-rollTitleSectionInner,
.sheet-rolltemplate-coreRoll .sheet-rollEndingSectionInner{
    background: #336699;       
}

.sheet-rolltemplate-coreRoll .sheet-traitValue{   
    color: #336699;      
}

.sheet-rolltemplate-coreRoll .sheet-targetNumber{    
    -webkit-text-stroke: 1px #336699;    
}

.sheet-rolltemplate-coreRoll .sheet-diceIcon{
    color: white;    
}

/* ################# - FIM ROLL TEMPLATE - ################## */




/* ################# - NPC ROLL TEMPLATE - ################## */

.sheet-rolltemplate-npcCoreRoll{    
    width: 97%;
    font-family: 'Roboto', sans-serif;
    margin-left: -4px;    
    margin-bottom: 15px;
    max-width: 300px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-date{
	text-align: right;
    font-size: 12px;
    color: #80407E;
    font-weight: bold;
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-left: 5px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-rolltemplateContainer{
    background-color: rgb(255, 255, 255);
    width: 104%;  
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;   
}



.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 63px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSectionInner{
    display:flex;   
    width: calc(100% - 6px);
    height: 57px;
    justify-content: space-between;
}

.sheet-rolltemplate-npcCoreRoll .sheet-names{
    padding-left: 4px;
    padding-top: 4px
}

.sheet-rolltemplate-npcCoreRoll .sheet-characterName{
    color:white;
    font-size: 12px;
    opacity: .70;
    letter-spacing: .5px;
    padding-left: 1px;    
}

.sheet-rolltemplate-npcCoreRoll .sheet-rollName{
    color:white;
    font-weight: bold;
    font-size: 29px;
    letter-spacing: 0px;
    padding-top: 5px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-target{
    display: flex;
    margin-top: 26px;
    margin-right: 7px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-targetNumber{
    color:white;
    font-weight: bold;
    font-size: 33px;
    opacity: .80;
    margin-right: -6px;    
}


.sheet-rolltemplate-npcCoreRoll .sheet-targetIcon{
    color:white;
    font-family: "Material Icons Outlined";
    font-size: 18px;
    margin-top: -21px;
    opacity: 0.8;   
}


.sheet-rolltemplate-npcCoreRoll .sheet-rollMiddleSection1{
    display:flex;
    justify-content: center;
    width: 100%;
    height: 70px;
    background-color: #E8E8E8;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    border-left: none; 
    border-right: none;  
}

.sheet-rolltemplate-npcCoreRoll .sheet-trait1,
.sheet-rolltemplate-npcCoreRoll .sheet-trait2{
    margin-top: 5px;
    width: 50%;
    text-align: center;
}

.sheet-rolltemplate-npcCoreRoll .sheet-traitName{
    font-size: 14px;
    font-weight: bold;
    color: black;
    opacity: .6;
}

.sheet-rolltemplate-npcCoreRoll .sheet-traitValue{
    font-size: 35px;
    font-weight: bold;
    margin-top: 12px;
}


.sheet-rolltemplate-npcCoreRoll .sheet-rollMiddleSection2{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 53px;
    Background-color: white;     
}

.sheet-rolltemplate-npcCoreRoll .sheet-modifierValue,
.sheet-rolltemplate-npcCoreRoll .sheet-modifierValue{
    display: flex;
    margin-left: -2%;
    padding-top: 2px;    
}

.sheet-rolltemplate-npcCoreRoll .sheet-modifier{
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 8px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-modifierTitle{
    font-size: 13px;
    color: #4B4B4B;
}

.sheet-rolltemplate-npcCoreRoll .sheet-modifierAdding{
    font-size: 20px;
    color: #656565;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 1px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-modifierNumber{
    font-size: 21px;
    color: #656565;
    font-weight: bold;
}

.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 90px;   
}

.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSectionInner{
    display:flex;   
    background: #6A6A6A;
    width: calc(100% - 6px);
    height: 84px;
    justify-content:center;
    align-items: center;   
}

.sheet-rolltemplate-npcCoreRoll .sheet-diceResult{
    position: absolute;
    display:flex;
    justify-content:center;
    align-items: center;
    margin-top: 27px;   
}



.sheet-rolltemplate-npcCoreRoll .sheet-diceResult .sheet-diceSucessNumber span{
    background: none;
    border: none;
    color:#80407E;
    font-size: 43px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-diceSucessNumber.sheet-crit span{
    color: #f20101;
}



.sheet-rolltemplate-npcCoreRoll .sheet-crit + .sheet-notCrit{
    display:none;   
}


.sheet-rolltemplate-npcCoreRoll .sheet-diceIcon{
    font-family: dicefontd10;
    color: white;
    font-size: 109px;
    margin-top: 0px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-numberHider{
    background: rgb(255, 255, 255);
    width: 18px;
    height: 25px;
    margin-top: -10px;
    margin-left: 36px;
}

.sheet-rolltemplate-npcCoreRoll .sheet-rollTitleSectionInner,
.sheet-rolltemplate-npcCoreRoll .sheet-rollEndingSectionInner{
    background: #80407E;       
}

.sheet-rolltemplate-npcCoreRoll .sheet-traitValue{   
    color: #80407E;      
}

.sheet-rolltemplate-npcCoreRoll .sheet-targetNumber{    
    -webkit-text-stroke: 1px #80407E;    
}

.sheet-rolltemplate-npcCoreRoll .sheet-diceIcon{
    color: white;    
}

/* ################# - FIM NPC ROLL TEMPLATE - ################## */


/* ################# - PRINTABLE - ################## */

@page {
    size: A4 portrait; 
    size: auto;  
    margin: 0; 
    margin-top:  30px;
    margin-bottom: 30px;
    -webkit-print-color-adjust: exact !important;   /* Chrome, Safari 6 – 15.3, Edge */
    color-adjust: exact !important;                 /* Firefox 48 – 96 */
    print-color-adjust: exact !important;           /* Firefox 97+, Safari 15.4+ */

}

@media print {

    
    .pseudoDisplay{
        height: 10630px;
    }

    .ui-dialog {

        position: inherit!important;
      
        /* Overwrites the current VTT position: fixed !important; */
      
    }

   

    .tabstoggle[value="sheet"] ~ * .TCSheet, 
    .tabstoggle[value="equipments"] ~ * .TCEquipments, 
    .tabstoggle[value="rolls"] ~ * .TCRolls, 
    .tabstoggle[value="combatMode"] ~ * .TCCombatMode, 
    .tabstoggle[value="creationMode"] ~ * .TCCreationMode, 
    .tabstoggle[value="settings"] ~ * .TCSettings, 
    .tabstoggle[value="credits"] ~ * .TCCredits {
        display: block;        
    }


    @page :footer {
        display: none
    }
    
    @page :header {
        display: none
    }

    ul.nav.nav-tabs{
        display: none;
    }

    .pseudoNav{
        display: none;
    }

    .summaryButtons{
        display: none;
    }

    .rollButtons{
        display: none;
    }

    #macrobar{
        display: none;
    }

    .pseudoBody{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .pseudoDisplay{
        min-width: 793px;
        margin-top: -50px;
    }

    .logo div img {
        width: 80%;
    }

    .expandedArea::placeholder,
    .expandedArea:placeholder-shown{
        color:transparent !important;
    }

    #section-Inspiration--Facets,
    #section-Condition--Injuries{
       break-before: page !important;
    }

    .arena.central {
        border-left: 2px;         
        border-right: 2px; 
        border-left-style: solid;
        border-right-style: solid;       
    }


  /* ////////////////  DOTS - //////////////// */

    button.dot::before {       
        min-width: 11px;
        height: 11px;
        border: solid 1px;   
        background: white !important;   
    }

    button.dot > span {       
        background: #393939 !important; 
        min-width: 13px;
        height: 13px;       
    }

    .hexagon, 
    .hexagon::before, 
    .hexagon > span {
        clip-path: none;
        border-radius: 17px;
      }

/* ////////////////  Fim DOTS - //////////////// */

 
/* ////////////////  COLORS - //////////////// */
    .colorFont{
        color: white !important;
    }

    .primaryColorBackground{
        background-color: #475353 !important;
    }

    .secondaryColorBackground{
        background-color: #DFDFDF !important;
    }

    .tertiaryColorBackground{
        background-color: #848484 !important;
    }

    .arenaTitle div, 
    .megaArenaTitle div {
        color: white !important;       
    }

/* ////////////////  FIM COLORS - //////////////// */


/* ////////////////  TITLES AND REPCONTROL - //////////////// */

    .repcontrol,
    .customRepeating > .repcontrol{
        display: none;
    }

    .pSection .customRepeating .title, 
    .pSection .customRepeating .title2, 
    .pTwinSection .customRepeating .title, 
    .pTwinSection .customRepeating .title2 {
       width: 100% !important;
    }

    .customRepeating .titleLabel {
        margin-left: 0%;
    } 
/* ////////////////  FIM TITLES AND REPCONTROL - //////////////// */ 
    
    

    input[type="checkbox"].expander,
    .spanExpander,
    .select-icon{
        display: none !important;
    }
   
/* ////////////////  EDGE - SKILLTRICKS - //////////////// */ 

    #section-Edge--SkillTrick-Tags-Upgrades input[value=""] ~ select{
        color: #0000 !important;
    }

    #section-Condition--Injuries input::placeholder{
        color: #0000 !important;
    }

    #section-Condition--Injuries input[type="checkbox"]:checked{
        border: 2px solid #979797 !important;       
    }

/* ////////////////  EDGE - SKILLTRICKS - //////////////// */ 


    .injury-selectType[value=""] ~ input.injury-name,
    .injury-selectType[value=""] ~ input.injury-checkbox {
        opacity: 1;
    }
/* ////////////////  FIM EDGE - SKILLTRICKS - //////////////// */ 


/* ////////////////  CONDITIONS - INJURIES - //////////////// */ 

    .injuryValue{      
        border-bottom: 1px solid;
        border-radius: 0px;
        border-color: #717171;
    }

    #section-Condition--Injuries .health input.injury-selectType[value=""] ~ select{
        color: #0000 !important;
    }

/* ////////////////  FIM CONDITIONS - INJURIES - //////////////// */   


/* ////////////////  PATHS - //////////////// */ 

    #section-Paths{
        height: 393px;
    }

    #section-Paths .pathTabButtons{
        display: none;
    }

    #section-Paths .buttonsSliderPath{
        display: none;
    }
    
    #section-Paths .pathStatus{
        display: none;
    }

    #section-Paths .singlePath {       
        height: 344px;       
    }


    #section-Paths .pathTabContent {       
        background-color: white !important; 
        height: 250px;      
    }

    #section-Paths .inputPathName {       
        background-color: white !important;       
    }

    #section-Paths .pathContactName:placeholder-shown {        
        border: 1px solid rgb(204, 204, 204);
        color: transparent !important;          
        border-radius: 3px;
    }



/* ////////////////  FIM PATHS - //////////////// */

/* ////////////////  GIFTS - //////////////// */ 
    
    #section-Gifts .quantumPowerAction{
        display: none;
    }


    .megaEdgeExpandedArea{
        background-color: white !important;
    } 
    
    .TCGifts .megaEdgeTraitColumn1 .giftDescription {
        margin-top: 0px !important;
    }

    .TCGifts .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
        height: 170px !important;
    }

    .TCGifts .expanderFlag[value="1"] ~ * .megaEdgeTabContent {
        padding-top: 5px;
    }

   .megaEdgeDescriptionTab .readerTrait textarea {      
        height: 125px;
    }

    .expanderFlag[value="1"] ~ .superiorPower {
        margin-bottom: 10px !important;        
    }

    .traitHeader .inputBox + .select-icon + .inputLine {
        color: transparent !important;
    }


/* ////////////////  FIM GIFTS - //////////////// */ 


/* ////////////////  MEGA ATTR - //////////////// */ 
    .TCMegaAttributes .dots .gt-5{
        display: flex;
    }

    .TCMegaAttributes .completeName{
        display: none !important;
    }

    .TCMegaAttributes .reducedName{
        display: flex;
    }

    .megaAttribute input[value="0"] ~ .input-label, 
    .megaAttribute input[value="1"] ~ .input-label, 
    .megaAttribute input[value="3"] ~ .input-label, 
    .megaAttribute input[value="4"] ~ .input-label {
        width: auto;
    }

    .megaAttribute .dotsExpander {        
        margin-right: 13px;
    }

    input.selectedTier[value="nova"] ~ .pseudoBody .nova, 
    input.selectedTier[value="nova"] ~ * .pseudoBody .nova {
        display: flex;
    }

  

/* ////////////////  FIM MEGA ATTR - //////////////// */ 


/* ////////////////  TRANSCENDENCE - //////////////// */ 

    #section-Quantum-Transcendence{
        break-before: page !important;
    }

    
    .titleSelectInputContainer{
        display: none !important;
    }

    .titleSelectInput{
        display: none;
    }

    .pTwinSection .titleSelectInputContainer ~ .title2 {
        width: 100%;
    }

   .transcendence .inputTitle {
        margin-right: 0px;
    }
/* ////////////////  FIM TRANSCENDENCE - //////////////// */ 

    .boxPoint input::placeholder{
        color: transparent;
    }

/* ////////////////  TRANSFORMATION - //////////////// */
    .transformationSelected[value=""] + select{
        color: transparent !important;
    }

    .transformation .conditionValue input::placeholder{
        color: transparent !important;
    }

/* ////////////////  FIM TRANSFORMATION - //////////////// */ 


/* //////////////// - MEGA ATTR ALT - //////////////// */

    #section-MegaAttributesAlt{
        break-after: page !important;
    }


    .megaEdgeTagsContainer {
        height: 188px;  
    }

    .TCMegaAttributeAlternative .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {
        height: 227px;
    }


/* //////////////// - FIM MEGA ATTR ALT - //////////////// */


/* //////////////// - MEGA EDGE - //////////////// */

    .megaEdge .dots .gt-5{
        display: flex;
    }

    .megaEdgeTabButtons{
        display: none;
    }

    .megaEdgeTabContent {
        height: 287px;
    }

    .megaEdgeTagsContainer{
        height: 241px;
        padding-top: 0px;
    }

    .expanderFlag[value="1"] ~ * .megaEdgeExpandedArea {        
        height: 245px;
    }

    .expanderFlag[value="1"] ~ .megaEdge {
        margin-bottom: 10px;
    }

    .megaEdgeTag .inputLine {
        height: 18px !important;
    }

/* //////////////// - FIM MEGA EDGE - //////////////// */    


/* //////////////// - QUANTUM POWER - //////////////// */
    #section-QuantumPower{
        break-before: page !important;
    }


/* ////////////// - FIM QUANTUM POWER - ////////////// */

}




/* ################# - FIM PRINTABLE - ################## */