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

@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=Material+Icons|Material+Icons+Outlined|Material+Icons+Two+Tone|Material+Icons+Round|Material+Icons+Sharp');



.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;
}





/* ++++ - 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;
}

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

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);   
}





.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;
}

.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;
}

.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% + 61px);
    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.5;
    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;
}



.expanderFlag[value="1"] ~ .traitHeader,
.expanderFlag[value="1"] ~ .expandedArea{
   background: white;
}   






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




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

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: 100%;
}

.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: 93px;
}

/* ++++ - Fim 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;
 }


.pseudoBody{
    background-color: white;
    width: 100%;
    margin-left: -30px;
    min-height: auto;
    font-family: 'Roboto', sans-serif; 
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}


 .pseudoDisplay{
    background-color: #FBFBFB;
    width: 100%;
    min-width: 830px;
    min-height: auto;
    position: relative; 
    transition: background-color 1s;    
}

#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 .inspired,
div.pseudoBody .pseudoDisplay .sheet-row.inspired,
div.pseudoBody .pseudoDisplay .sheet-2colrow.inspired,
div.pseudoBody .pseudoDisplay .sheet-3colrow.inspired,
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
{
	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="inspired"] ~ .pseudoBody .PC,
input.selectedTier[value="inspired"] ~* .pseudoBody .PC{
    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="inspired"] ~ .pseudoBody .inspired,
input.selectedTier[value="inspired"] ~* .pseudoBody .inspired{
  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="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;      
}


.inputLine {
    background: rgba(255, 255, 255, 0);
    border: none;
    border-bottom: 1px solid #717171;
    border-radius: 0;
    height: 20px !important;
    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%;
}

.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: 12px;
}


.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: 20px;
}

.space2{
    margin-bottom: 40px;
}

.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%);
}

.pseudoDisplay .dot.rectangle{
    background: white !important;
    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%;     
}

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

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

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

/* ==== - 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: 15%;
    max-width: 15%;
	height: 35px;
    align-items: center;
}


.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: 70%;
}

.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{
    height: 1px;
    border-top: #000000;
    border-top-style: solid;
    flex-grow: 1;
    height: 0px;
    border-top-width: 1px;

}

.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,
.boxTitle{
    width: 93%;
}

.boxPoints{
    margin-top: -4px;
}

.boxPoints 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: -2px;
}

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

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

.boxPointsContainer{
    height: 40px;
}

.boxPointsTitle{
    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;
}
/* ////////////////  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"] ~* .logoInspired,
.colorOverHide[value="default"] ~* .logoNPC{
    display: block;
    position: absolute;
    opacity: 0;
    z-index: 0;
    transition: opacity 1s 1s;
}

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .logoBaseline,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .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="transport"] ~ .selectedTech[value="noetic"] ~* .logoPsion{
    opacity: 1;
    z-index: 1;
    transition: opacity 1s;
 }
 
 .colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .logoInspired{
    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="inspired"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .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{
    transition: background-color 1s, color 1s;  
}



/* ++++ - baseline Color - +++++ */

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .secondaryColorBackground{
    background-color: #DFDFDF;   
}

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .tertiaryColorBackground{
    background-color: #848484;
}

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="baseline"] ~* .primaryColorFont{
    color: #475353;
}

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


/* ++++ - Fim baseline Color - +++++ */


/* ++++ - Talent Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

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

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

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .primaryColorFont{
    color: #005B7F;
}

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

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .rollEndingSectionInner.tertiaryColorBackground{
    background-color:#5e9cb5;
}

/* ++++ - Fim Talent Color - +++++ */


/* ++++ - Nova Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="nova"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .secondaryColorBackground{
    background-color: #FEE7DC;   
}

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

.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .colorFont{
    color:#FEC00F;
}

.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .circumstHeader .pathLabel.colorFont{
    color:#bfbfbf;
}

.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .primaryColorFont{
    color: black;
}

.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="talent"] ~* .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{
    background:#FEC00F;
}



.colorOverHide[value="default"] + .selectedTier[value="nova"] ~* .pathLabel.colorFont{
    color:#555;
}

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

/* ++++ - Fim Nova Color - +++++ */






/* ++++ - Superior Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="superior"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .secondaryColorBackground{
    background-color: #FEE7DC;   
}

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


.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .colorFont{
    color:#FEC00F;
}

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .circumstHeader .pathLabel.colorFont{
    color:#bfbfbf;
}

.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .primaryColorFont{
    color: black;
}

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

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



.colorOverHide[value="default"] + .selectedTier[value="superior"] ~* .pathLabel.colorFont{
    color:#555;
}

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

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

/* ++++ - Fim Superior Color - +++++ */








/* ++++ - Psiad Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .secondaryColorBackground{
    background-color: #F0DED6;   
}

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .tertiaryColorBackground{
    background-color: #C83C20;
}

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="psiad"] ~* .primaryColorFont{
    color: #A5181C;
}

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

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


/* ++++ - Fim Psiad Color - +++++ */














/* ++++ - Psion Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="psion"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .secondaryColorBackground{
    background-color: #F0DED6;   
}

.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .tertiaryColorBackground{
    background-color: #C83C20;
}

.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="psion"] ~* .primaryColorFont{
    color: #A5181C;
}

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

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


/* ++++ - Fim Psion Color - +++++ */



/* ++++ - Inspired Color - +++++ */

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


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

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .secondaryColorBackground{
    background-color: #D9D0BD;   
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .tertiaryColorBackground{
    background-color: #676561;
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .colorFont{
    color:#EEE7D7;
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .primaryColorFont{
    color: #4D4D4D;
}

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


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

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

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pseudoDisplay .dot.rectangle{
    background: #eee7d7;
}

.colorOverHide[value="default"] + .selectedTier[value="inspired"] ~* .pathTabContent{
    background-color: #F4F1EA;
}
/* ++++ - Fim Inspired Color - +++++ */



/* ++++ - NPC Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground{
    background-color: #E4DDEB;   
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground{
    background-color: #A465A1;
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont{
    color:#ffffff;
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont{
    color: #80407E;
}

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

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .secondaryColorBackground{
    background-color: #E4DDEB;   
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .tertiaryColorBackground{
    background-color: #A465A1;
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .colorFont{
    color:#ffffff;
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .primaryColorFont{
    color: #80407E;
}

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

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .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{
    color:#80407E;
}

.colorOverHide[value="default"] + .selectedTier[value="NPC"] ~* .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{
    color:#936590;
}


/* ++++ - Fim NPC Color - +++++ */



/* ++++ - Flux-Tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~ .secondaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .secondaryColorBackground{
    background-color: #D7E8EF;
    transition: background-color 1s;    
}

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

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="ftech"] ~* .primaryColorFont{
    color: #005B7F;
}

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

/* ++++ - Fim Flux-Tech Color - +++++ */




/* ++++ - Quantum-Tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

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

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .secondaryColorBackground{
    background-color: #FEE7DC;   
}

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

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .colorFont{
    color:#FEC00F;
}

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .primaryColorFont{
    color: black;
}

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

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



.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .pathLabel.colorFont{
    color:#555;
}

.colorOverHide[value="default"] + .selectedTier[value="qtech"] ~* .circumstHeader .pathLabel.colorFont{
    color:#bfbfbf;
}

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

/* ++++ - Fim Quantum-Tech Color - +++++ */



/* ++++ - Transport Hard-tech Color - +++++ */

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .customRepeating > .repcontrol{
    background-color: #475353;
    transition: background-color 1s;  
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .secondaryColorBackground{
    background-color: #DFDFDF;   
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .tertiaryColorBackground{
    background-color: #848484;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .primaryColorFont{
    color: #475353;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="hard"] ~* .arena.central{
    outline-color: #646464;
    border-color: #646464;
}


/* ++++ - Fim Transport Hard-tech Color - +++++ */



/* ++++ - Transport Noetic-tech Color - +++++ */
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~ .pseudoDisplay{
    transition: background-color 1s;  
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorBackground,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .customRepeating > .repcontrol{
    background-color: #A5181C;   
    transition: background-color 1s;  
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .secondaryColorBackground{
    background-color: #F0DED6;   
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .tertiaryColorBackground{
    background-color: #C83C20;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .colorFont{
    color:white;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .primaryColorFont{
    color: #A5181C;
}

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arenas,
.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .arena.central{
    outline-color: rgb(172, 30, 30);
    border-color: rgb(172, 30, 30);
} 

.colorOverHide[value="default"] + .selectedTier[value="transport"] ~ .selectedTech[value="noetic"] ~* .rollEndingSectionInner.tertiaryColorBackground{
    background-color:#CA543D;
}


/* ++++ - FIM Transport Noetic-tech Color - +++++ */




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



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

.colorOverHide[value="neutral"] ~* .logoBaseline{
    display: block;
    position: absolute;
    opacity: 1;   
}

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

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

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

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

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

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

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


.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: block;
    position: absolute;
    opacity: 1;   
}

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

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

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

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

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

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

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

.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: block;
    position: absolute;
    opacity: 1;   
}

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

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

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

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

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

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

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

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

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

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

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


.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;    
}


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



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

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

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

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

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

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

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

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

.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: block;
    position: absolute;
    opacity: 1;   
}

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

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

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

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

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

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

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

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

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

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

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


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



/* ////////////////// - TELLURIC THEME - ////////////////// */
.colorOverHide[value="vintage"] ~* .logoInspired{
    display: block;
    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"] ~* .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 TELLURIC 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 - ////////////////// */ 








/* ############### - TABS - ################ */

/*Configure the tab buttons*/
.TCSheet,
.TCEquipments,
.TCRolls,
.TCCombatMode,
.TCCreationMode,
.TCSettings,
.TCCredits{
   display: none; 
}

.pseudoNav{
    width: 100%;
    height: 30px;
    background: #E6E6E6; 
    min-width: 830px;  
}

.pseudoNav button{
    background:none;
    border: none;
    font-size: 12px;
    color: #848484;
    transition: background-color 0.5s;
    flex-grow:1;    
}

.pseudoNav button:hover{
    background-color: #f2f2f2;;
    transition: background-color 0.5s;
}

.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;   
}

/* 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;
}

/* ############### - Fim Tabs - ################ */









/* ############### - SHEETS - ################ */
.TCSheet{
  height: 100%;
  padding-bottom: 30px;
}



/* ++++ - Logo - +++++ */
.logo{
    margin-top: 63px;  
    margin-bottom: 105px;   
}

.logoBaseline,
.logoTalent,
.logoNova,
.logoPsion,
.logoInspired,
.logoNPC{
   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,
.technologyTech{
  flex-grow: 1;  
}

.aka,
.tier,
.level,
.technologyTech,
.npc-targetNumber{
    margin-left: 10px;
    width: 73%;
}

.aka{
    width: 40%;
}

.tier{
    width: 62%; 
}

.level{
    width: 59%; 
}

.npc-targetNumber{
    width: 43.2%;
}

.tier .inputLine,
.level .inputLine,
.npc-targetNumber .inputLine{
    text-align: center;
    padding: 0px;
}

.inputLine option{
    font-style: normal;
    font-size: 14px;
}

.inputLine option.optionTitle{
    background:#DFDFDF;
    font-size: 14px;
    color:black;
}

option:disabled{
   color:rgb(175, 175, 175);
}
/* ++++ - FIM Reader - +++++ */




.pSection .title,
.pTwinSection .title{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 35px;
    font-weight: bold;
    height: 45px;
}

.pSection .title2,
.pTwinSection .title2{
    display:flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 27px;
    font-weight: bold;
    height: 35px;
}


/* ++++ - 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;
}
/* ++++ - 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: #FBFBFB;
    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;
}

.facet .line{
    margin-top: 15px;
}



.TCGifts .title2{
    margin-bottom: 5px;
}

.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-00"] .itemcontrol .repcontrol_del,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-01"] .itemcontrol .repcontrol_del,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Gift---ID-02"] .itemcontrol .repcontrol_del{
    display: none;
}


.TCGifts .expandedArea{
    max-width: calc(45% - 17px);
    min-width: calc(45% - 17px);
}

/* ++++ - 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{
    display: flex;
}

.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;
    color: #5E5E5E;
    font-style: italic;
    font-weight: normal;
    width: 194px;
    height: 13px;    
}




.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 .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: 347px;
  
}

.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 !important;
    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: 260px;
    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%;
}

.mega-edge .repcontainer.editmode .repitem[data-reprowid="----Rep-MEdg---ID-00"] .itemcontrol .repcontrol_del{
    display: none;
}

/*  FIM MEGA EDGES */




/* 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{
    display: flex;
}

.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: 13px;   
}




.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 !important;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.quantumPowerTabContent{
    height: 347px;
    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: 260px;
    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%;
}

.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-00"] .itemcontrol .repcontrol_del,
.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-01"] .itemcontrol .repcontrol_del,
.quantum-power .repcontainer.editmode .repitem[data-reprowid="----Rep-QPwr---ID-02"] .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,
.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-01"] .itemcontrol .repcontrol_del,
.TCSuperiorPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-SPwr---ID-02"] .itemcontrol .repcontrol_del{
    display: none;
}

/*  Fim Superior Power*/










/* ++++ - PSI Powers *PSION - +++++ */

/* PSI */
.psi .sourceDots{
    margin-top: 18px;
}

.psi .sourceDots .sourceMax button.dot {
    margin-left: 14px;
	margin-right: 14px;
}

.psi .boxPoints, .boxTitle {
	width: 75%;
}

.psi .divisor{
    margin-top: 7px;
    margin-bottom: 13px;
}

.psi .divisor .line{
    width: 105px;
}

.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="secaptitude"] ~* .pathLabel{
    background-color:#757575;
}

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


.TCSheet .TCSecondaryAptitude .customRepeating input[value="innate"] ~* .pathLabel{
    background: #c8c8c8;
    color: #444;
    border: solid #b3b3b3;      
    border-width: 1px;
}


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



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

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


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

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

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

}

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



.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%;
    background:#F5F6F7;
    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="clairsentiente"] ~* .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="clairsentiente"] ~* .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="clairsentiente"] ~* .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;   
}


.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;
}

.basicModeTraitBar{
    padding-top: 10px;
}

.basicModeTraitBar input{
   margin-right: 5px;
}

.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;
}

.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;
}


.aptitudeModeLevelCost .inputLine{
    margin-top: -3px;
    width: 30px;
    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;
}

.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 - +++++ */


/* ++++ - 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;
}

.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;
}

/* .pTwinSection .health .select-icon{
    left:101px;
} */

.injuryValue{
    background: #fbfbfb;
    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;
}

.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;
}

.pathSuperGroup{
    overflow: scroll;
    overflow-y: hidden;
    overflow-x: hidden;
    /* 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: 14px;
    font-size: 10px;
    text-align: center;
    border-radius: 10px;
    margin-left: 6px;
    margin-top: 10px;
    padding-left: 5px;
    padding-right: 5px;  
}

.pathHeader{
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 10px;
    margin-bottom: 10px;   
}

.inputPathName{
    width: 100%;
    border: none;
    background-color: unset;
    font-size: 24px;
    font-weight: 500;
    padding: 0px;
    letter-spacing: -0.3px;
    border-radius: 0px;
    color: #3E3E3E; 
    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;
}



/*Configure the tab buttons*/
.connectionsTab,
.skillsTab,
.edgesTab{
   display: none; 
}

.pathTabButtons{
    width: 95%;
    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; 

}

.pseudoDisplay .TCPaths .allPaths .singlePath .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{
    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"]{
    background-color: #F5F6F7 !important;
    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{
    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: 47%;
}

.flex .pathContactName,
.flex .pathContactTag{
    width: 47%;
    margin-right: 2px;
    margin-bottom: 2px;
}

.flex .pathContactTag{
    margin-right: 5px;
}


.pathContacts .flex .pathContactName:hover,
.pathContacts .flex .pathContactName:active,
.pathContacts .flex .pathContactName:focus{
    border: 1px solid #ccc;    
    border-radius: 3px;
    background-color: white;
    font-size: 13px;
    font-weight: normal;    
    
}



.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: rotateY(175deg);
    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";
}


.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;
}

*:focus-visible{
   outline: none;
}


.buttonsSliderPath{
    margin-top:10px;
}
.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- +++++ */




/* ++++ - NPC  - +++++ */

.selectedTier[value="NPC"] ~* .traistHealth{
    order: 0;
}

.selectedTier[value="NPC"] ~* .baselinePowers{
    order: 1;
}

.selectedTier[value="NPC"] ~* .healthSourceSourceTrait,
.selectedTier[value="NPC"] ~* .npcGenericSource,
.selectedTier[value="NPC"] ~* .npcInspirationSource,
.selectedTier[value="NPC"] ~* .npcQuantumSource,
.selectedTier[value="NPC"] ~* .npcJinketsuPowerSource,
.selectedTier[value="NPC"] ~* .npcPsiPsiadSource,
.selectedTier[value="NPC"] ~* .npcPsiPsionSource{
    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: 5px;
}

.npc-traits .boxPoints{
    width: 65px;
    height: 25px;
    margin-top: -5px;
}

.npc-traits .inputLabel{
    letter-spacing: -.5px;
}

.npc-traits .inputLine{
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 0px;
    border-color: #868686;
    color: #828282;   
    text-align: right;
    padding-right: 10px;
}

.npc-traits .npcInitiative .inputLine{
    max-width: 103px;
    text-align: center;
}

.npc-traits .boxPoints input{
    font-size:20px;
    font-weight: bold;
}

.npc-traits .boxPoints input:hover{
    -moz-appearance: auto;
    padding-left: 36%;
    -webkit-padding-start: 31%;
    margin-left: -5px;
}

.npcDefenseContainer{
    width: 78%;
    margin-top: 26px;
}


.npc-traits .npcDefenseEnhancements{
    margin-top: 20px
}

.npc-traits .npcDefenseEnhancements .npcDefense .input-label,
.npc-traits .npcDefenseEnhancements .npcEnhancements .input-label,
.npc-health .input-label{
   margin-right: 5px;
}


/* ++++ - FIM NPC traits - +++++ */



/* ++++ - NPC health - +++++ */
.npc-health .boxPoints{
    width: 65px;
    height: 25px;
    margin-top: -5px;
}

.npc-health .boxPoints input:hover {
    -moz-appearance: auto;
    padding-left: 36%;
    -webkit-padding-start: 31%;
    margin-left: -5px;
}

.npc-health .boxPoints input {
    font-size: 20px;
    font-weight: bold;
}

.npc-health .sourceDots{
    margin-top: 25px;
}
/* ++++ - FIM NPC health - +++++ */


/* ++++ - 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,
.npcInspirationSource,
.npcQuantumSource,
.npcJinketsuPowerSource,
.npcPsiPsiadSource,
.npcPsiPsionSource{
    display: none;
}


.selectedTier[value="NPC"] ~ .sourceType[value='source'] ~* .npcGenericSource,
.selectedTier[value="NPC"] ~ .sourceType[value='inspiration'] ~* .npcInspirationSource,
.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{
    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,
.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-01"] .itemcontrol .repcontrol_del,
.TCGenericPowers .repcontainer.editmode .repitem[data-reprowid="----Rep-GPwr---ID-02"] .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: 75%;
}



/* ++++ - 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 - +++++ */



/* ++++ - Vehicle Adjustments - +++++ */

.selectedTier[value="transport"] ~* button[name="act_equipments"]{
    display: none;
}

.selectedTier[value="transport"] ~* .owner{
    width: 50%;  
}

.selectedTier[value="transport"] ~* .tier{
    width: 55.5%;  
}

.selectedTier[value="transport"] ~* .technologyTech{
    width: 50%;  
}

.selectedTier[value="transport"] ~* .builtBy,
.selectedTier[value="transport"] ~* .fmtTo{
    /* width: 54.5%;  */
    width: 46%; 
}

.fmtTo{
    display: none;
}


.selectedTier[value="transport"] ~* .rollButtons{
    display: none;
}

.transport .npc-traits .npcDefenseEnhancements {
    margin-top: 25px;
}

.npc-traits .npcPools .npcPool .flex .wealthValue  ~ select {
   transition: none;
   background: none; 
}

.npc-traits .npcPools .npcPool .flex .wealthValue[value="0"] ~ select{
    opacity: .5;    
}


/* .npcPools .transportFT{
    display: none;
} */

.technologyTech select{
    text-align: center;
}

.selectedTech[value="noetic"] ~* .transport .fmtTo{
    display: flex;
}

.selectedTech[value="noetic"] ~* .transport .builtBy{
    display: none;
}

.selectedTech[value="hard"] ~* .npcPools .transportFT{
    pointer-events: none;    
}

.selectedTech[value="hard"] ~* .npcPools .transportFT .input-label{
    opacity: .5;
}

.selectedTech[value="hard"] ~* .npc-traits .npcPools .transportFT div input{
    color:transparent;
}

.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,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-02"] .itemcontrol .repcontrol_del,
.TCGifts .repcontainer.editmode .repitem[data-reprowid="----Rep-Trtg---ID-03"] .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;
}

/* ++++ - FIM Vehicle Adjustments - +++++ */






/* ################ - FIM SHEET - ################ */





/* ################ - EQUIPMENTS - ################ */

.TCEquipments{
    min-height: 744px;
}

.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: #5e5e5e; 
    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;
}



.inputWeaponEnhancement + 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: 380px;
  
}



.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;

}


.pseudoDisplay .TCWeapons .weapon .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 !important;
    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;
}

.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: 22.5%;
	min-width: 22.5%;  
}

.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,
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-01"] .itemcontrol .repcontrol_del,
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Wepn---ID-02"] .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: 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;
       
}

.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;
}

.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: 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;
       
}

.singleArmor .weaponHeader .inputWeaponEnhancement:hover,
.singleArmor .weaponHeader .inputWeaponEnhancement:active,
.singleArmor .weaponHeader .inputWeaponEnhancement:focus{
    background-color: white;
    border: 1px solid #ccc;
}

.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 !important;
    border: solid;
    border-width: 1px;
    border-color:#B9B9B9;
    border-bottom: none; 
    color: #757575;
    padding-bottom: 2px;
    padding-top: 1px;
}

.armorTag{
    margin-top: .5px;
}

.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: 38.9%;
	min-width: 38.9%;  
}

.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,
.weapon .repcontainer.editmode .repitem[data-reprowid="----Rep-Gear---ID-01"] .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: 40px;
    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{	   
    color: #5e5e5e00;    
    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;        
}



.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 .TCRolls .expanderFlag[value="0"] ~ .customRollContainer{    
    margin-bottom: 25px;
    transition: margin-bottom 0.3s;
 }


.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .singleCustomRoll{    
    margin-bottom: 0px;
    transition: margin-bottom 0.3s;
 } 
 
.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .singleCustomRoll{     
     margin-bottom: 10px;
     transition: margin-bottom 0.3s;
 
 } 
 
.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .singleCustomRoll{    
    height: 124px;
    transition: height 0.3s;
 } 
 
.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .singleCustomRoll{     
     height: 327px;
     transition: height 0.3s;
 
 }


.TCRolls .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;
   
}

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

.TCRolls .expanderFlag[value="0"] ~* .rollEndingSection{
    height: 60px;
    border-top-style: solid;
    border-top-width: 1px;
    border-top-color: #b9b9b9;
    transition: height 0.3s;
}

.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .rollEndingSection button{
    height: 54px;
    transition: height 0.3s;
}

.pseudoDisplay .TCRolls .expanderFlag[value="1"] ~* .rollEndingSection button{
    transition: height 0.3s;
}

.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .defaultRollingDisplay .diceGraf{
    transform: scale(0.7);
}

.pseudoDisplay .TCRolls .expanderFlag[value="0"] ~* .defaultRollingDisplay .rollEndingSectionInner:hover .diceGraf {
    transform: scale(.77);
}

.pseudoDisplay .TCRolls .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 .cRTabButtons .activeButton,
.defaultRollingDisplay.singleCustomRoll .rollMiddleSection1{
    background-color: #F5F6F7;
}



.customRoll .customRollContainer .defaultRollingDisplay.singleCustomRoll .cRTabButtons button{
    transition: none;
}


.defaultRollingDisplay.singleCustomRoll .cRTabButtons button:hover{
    background-color: #0000000a;
    transition: background-color 0s;
}



.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 !important;
}



.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 !important;
}


.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 !important;
}


.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 .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: 390px;
   
 }

 .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; 
 }

 .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; 
 }



/* ############### - FIM OPTIONS - ############### */






/* ++++ - DEFAULT ROLLING DISPLAY - +++++ */

.defaultRollingDisplay{
	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 .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 .names input{
   width: auto;
   border: none;
   background: none;
   height: 12px;
   pointer-events: none;
   margin-left: 1px;
}

.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;
}

.defaultRollingDisplay.coreRoll .targetNumber,
.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{
    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{
    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.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{
    font-size: 35px;
    font-weight: bold;
    width: 77px;
    padding: 0px;
    text-align: center;
    padding-left: 16px;
}  


.defaultRollingDisplay .rollMiddleSection2{
    display:flex;
    justify-content: space-between;
    width: 100%;
    height: 70px;
    Background-color: white;     
}

.defaultRollingDisplay .modifierValue,
.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: #4B4B4B;
}

.defaultRollingDisplay .modifierAdding{
    font-size: 20px;
    color: #656565;
    font-weight: bold;
    margin-right: 2px;
    margin-top: 1px;
}

/* .pseudoDisplay .defaultRollingDisplay.coreRoll .modifierNumber[name="attr_dice_modifier"]{
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    width: 30px;
} */

/* .pseudoDisplay .npcDisplay.defaultRollingDisplay.initiativeRoll .modifierNumber[name="attr_dice_modifier"]{
    background: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    width: 30px;
} */



.pseudoDisplay .defaultRollingDisplay .modifierNumber{
    font-size: 21px;
    color: #656565;
    font-weight: bold;
    width: 55px;
    text-align: center;
    padding: 2px
}




.defaultRollingDisplay .rollEndingSection{
    display:flex;
    justify-content: center;
    align-items: center;
    background: white;
    width: 100%;
    height: 90px;   
}

.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,
.pseudoDisplay .defaultRollingDisplay.genericRoll .traitValue,
.defaultRollingDisplay .writingROLL{
    color: #336699;
}



.defaultRollingDisplay input, 
.defaultRollingDisplay textarea, 
.defaultRollingDisplay select, 
.defaultRollingDisplay .uneditable-input{
    border: 1px solid #336699;
}


.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;
}



.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_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{
    background-color: rgb(255, 255, 255);
    width: 97%;
    font-family: 'Roboto', sans-serif;
    margin-left: -4px;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    margin-bottom: 30px;
    max-width: 300px;
}


.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
}

.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: 29px;
    letter-spacing: 0px;
    padding-top: 5px;
}

.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{
    background-color: rgb(255, 255, 255);
    width: 97%;
    font-family: 'Roboto', sans-serif;
    margin-left: -4px;
    border-style: solid;
    border-width: 1px;
    border-color: #B9B9B9;
    margin-bottom: 30px;
    max-width: 300px;
}


.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 - ################## */