roll20-character-sheets/StarWars5E/StarWars5E_CSS.css

.ui-dialog .tab-content .charsheet /* Tempory fix for label color x */
    .label {
    color: black;
}

.ui-dialog .tab-content .charsheet /* Remove Arrow froms numbers */
    input:not(.stepper)::-webkit-outer-spin-button,.ui-dialog .tab-content .charsheet input:not(.stepper)::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ui-dialog .tab-content .charsheet input[type=number]:not(.stepper) {
    -moz-appearance: textfield;
}

.ui-dialog .tab-content .charsheet .pc,.ui-dialog .tab-content .charsheet .npc,.ui-dialog .tab-content .charsheet .ship {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc_toggle[value="0"] ~ .pc,.ui-dialog .tab-content .charsheet .npc_toggle[value="1"] ~ .npc,.ui-dialog .tab-content .charsheet .npc_toggle[value="2"] ~ .ship {
    display: block;
}

.ui-dialog .tab-content .charsheet .container {
    width: 800px;
    background: #afc6d6;
    background: -moz-linear-gradient(left, #afc6d6 0%, #d6d6d6 30%, #d6d6d6 70%, #afc6d6 100%);
    background: -webkit-linear-gradient(left, #afc6d6 0%, #d6d6d6 30%, #d6d6d6 70%, #afc6d6 100%);
    background: linear-gradient(to right, #afc6d6 0%, #d6d6d6 30%, #d6d6d6 70%, #afc6d6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#afc6d6', endColorstr='#afc6d6', GradientType=1);
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    line-height: 1em;
    position: relative;
    padding: 0
}

.ui-dialog .tab-content .charsheet .advantagetoggle {
    position: absolute;
    top: 92px;
    left: 570px;
    z-index: 1;
}

.ui-dialog .tab-content .charsheet .advantagetoggle input[type=radio] {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    z-index: 2;
}

.ui-dialog .tab-content .charsheet .advantagetoggle input[type=radio] + span {
    position: absolute;
    top: 0;
    right: 0;
    width: 17px;
    height: 17px;
    border: 1px solid black;
    border-radius: 5px;
    background-color: #E8E8E8;
    color: black;
    text-align: center;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .header .top {
    height: 42px;
}

.ui-dialog .tab-content .charsheet .header .part {
    width: 157px;
    display: inline-block;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .header .part input[type=text],.ui-dialog .tab-content .charsheet .header .part select {
    border: 1px solid #666;
    border-radius: 5px;
    height: 56px;
    width: 110px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .header .header-info select {
    padding-left: 0;
    padding-right: 0;
}

.ui-dialog .tab-content .charsheet .header .part input[type=text] {
    font-size: 30px;
}

.ui-dialog .tab-content .charsheet .header .part span.display {
    border: 1px solid #666;
    border-radius: 5px;
    height: 54px;
    width: 110px;
    text-align: center;
    margin: 0;
    display: inline-block;
    line-height: 54px;
    font-size: 25px;
}

.ui-dialog .tab-content .charsheet .header input,.ui-dialog .tab-content .charsheet .header select {
    border-bottom: 1px solid #D3D3D3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
}

.ui-dialog .tab-content .charsheet .header input {
    padding: 0;
}

.ui-dialog .tab-content .charsheet .header select {
    margin-bottom: 0;
}

.ui-dialog .tab-content .charsheet .header input[type=number] {
    text-align: center;
}

.ui-dialog .tab-content .charsheet .header input[type=number]::-webkit-inner-spin-button,.ui-dialog .tab-content .charsheet .header input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.ui-dialog .tab-content .charsheet .header input[type=number] {
    -moz-appearance: textfield;
}

.ui-dialog .tab-content .charsheet .header span {
    display: block;
    font-size: 9px;
    line-height: 12px;
}

.ui-dialog .tab-content .charsheet .header .name-container span.label {
    text-align: left;
    font-weight: normal;
    margin-top: 0;
}

.ui-dialog .tab-content .charsheet .name-container {
    width: 250px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .name-container input {
    font-size: 20px;
    margin-top: -9px;
}

.ui-dialog .tab-content .charsheet .header-info {
    width: 532px;
    margin-left: -2px;
    display: inline-block;
    border: 3px double #666;
    padding: 5px;
    max-height: 74px;
}

.ui-dialog .tab-content .charsheet .hlabel-container {
    display: inline-block;
    margin-left: -4px;
}

.ui-dialog .tab-content .charsheet .hlabel-container.multiclass-container {
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .hlabel-container:first-child {
    margin-left: 0;
}

.ui-dialog .tab-content .charsheet .body {
    width: calc(800px - 4rem);
    margin-left: 2rem;
    margin-right: 2rem;
    margin-top: 22px;
}

.ui-dialog .tab-content .charsheet .attributes-container {
    width: 70px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .attr-container {
    width: 70px;
    border: 1px solid #666;
    border-radius: 5px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 19px;
    height: 64px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .skill > span,.ui-dialog .tab-content .charsheet .saving-throw span {
    width: 1.8rem;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .attr-container button[type=roll],.ui-dialog .tab-content .charsheet .saving-throw button[type=roll],.ui-dialog .tab-content .charsheet .skill button[type=roll],.ui-dialog .tab-content .charsheet .ac-init-speed-container button[type=roll],.ui-dialog .tab-content .charsheet .npc button[type=roll] {
    background-color: transparent;
    color: black;
    border: none;
    font-size: 9px;
    line-height: 12px;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .subcontainer button[type=roll] {
    background-color: transparent;
    color: black;
    border: none;
    font-size: 9px;
    line-height: 12px;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 10px 0 0 0;
    width: 100%;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .attr-container button[type=roll]::before,.ui-dialog .tab-content .charsheet .saving-throw button[type=roll]::before,.ui-dialog .tab-content .charsheet .skill button[type=roll]::before,.ui-dialog .tab-content .charsheet .ac-init-speed-container button[type=roll]::before,.ui-dialog .tab-content .charsheet .subcontainer button[type=roll]::before,.ui-dialog .tab-content .charsheet .npc button[type=roll]::before {
    content: "" !important;
}

.ui-dialog .tab-content .charsheet .attr-container button[type=roll] {
    overflow: hidden;
}

.ui-dialog .tab-content .charsheet button[type=roll]:hover,.ui-dialog .tab-content .charsheet button[type=roll]:hover *,.ui-dialog .tab-content .charsheet .power button[type=roll]:hover input[type=text],.ui-dialog .tab-content .charsheet .action .display button[type=roll]:hover * {
    color: #EC2127;
}

.ui-dialog .tab-content .charsheet button[type=roll] * {
    pointer-events: none;
}

.ui-dialog .tab-content .charsheet .attr-container input {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    margin-top: 3px;
}

.ui-dialog .tab-content .charsheet .attr {
    font-size: 30px;
    line-height: 40px;
}

.ui-dialog .tab-content .charsheet .attr-mod {
    width: 40px;
    height: 20px;
    border: 1px solid #666;
    border-radius: 50%;
    z-index: 2;
    position: absolute;
    top: 62px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
}

.ui-dialog .tab-content .charsheet .attr-mod input {
    text-align: center;
    font-size: 20px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    line-height: 22px;
}

.ui-dialog .tab-content .charsheet .skills-saves-container {
    width: 161px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .insp-prof-container {
    margin-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value {
    display: inline-block;
    border: 1px solid #666;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background-color: white;
    position: relative;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value input[type=checkbox] {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    opacity: 0;
    z-index: 2;
    position: relative;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value input[type=checkbox] ~ span {
    height: 100%;
    width: 100%;
    border-radius: 50%;
    background: url('https://raw.githubusercontent.com/Roll20/roll20-character-sheets/refs/heads/master/StarWars5E/pictures/alliance.png')
                center center no-repeat;
    background-size: 80% 80%;
    cursor: pointer;
    position: absolute;
    top: 0;
    display: none;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value input[type=checkbox]:checked ~ span {
    display: block;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value span {
    font-size: 20px;
    font-weight: normal;
    line-height: 34px;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .label {
    width: calc(100% - 29px);
    height: 30px;
    margin-left: -15px;
    margin-top: 3px;
    display: inline-block;
    border: 1px solid #666;
    border-radius: 5px;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .insp-prof-container span {
    display: block;
    font-size: 9px;
    width: 100%;
    text-align: center;
    line-height: 30px;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .ship .insp-prof-container .value input[type=number] {
    width: 100%;
}

.ui-dialog .tab-content .charsheet .insp-prof-container .value input,.ui-dialog .tab-content .charsheet .saving-throw input[type=text],.ui-dialog .tab-content .charsheet .skill input[type=text],.ui-dialog .tab-content .charsheet .ac-init-speed-container input,.ui-dialog .tab-content .charsheet .hp input,.ui-dialog .tab-content .charsheet .exhaustion input,.ui-dialog .tab-content .charsheet .hdice-dsaves-container input[type=text],.ui-dialog .tab-content .charsheet .hdice-dsaves-container input[type=number],.ui-dialog .tab-content .charsheet .attacks input,.ui-dialog .tab-content .charsheet .equipment input,.ui-dialog .tab-content .charsheet .tool input,.ui-dialog .tab-content .charsheet .proficiencies input,.ui-dialog .tab-content .charsheet .pc .traits input,.ui-dialog .tab-content .charsheet .ship .traits input,.ui-dialog .tab-content .charsheet .power input,.ui-dialog .tab-content .charsheet .options .body input,.ui-dialog .tab-content .charsheet .resources input[type=number] {
    width: 100%;
    text-align: center;
    font-size: 20px;
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
}

.ui-dialog .tab-content .charsheet .resources input[type=number],.ui-dialog .tab-content .charsheet .hdice-dsaves-container input[type=number] {
    padding-right: 0;
    padding-left: 10px;
}

.ui-dialog .tab-content .charsheet .saving-throw-container,.ui-dialog .tab-content .charsheet .skills-container {
    width: 165px;
    border: 1px solid #666;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
}

.ui-dialog .tab-content .charsheet .pwr-dice-container {
    width: 242px;
    border: 1px solid #666;
    border-radius: 5px;
    margin-bottom: 10px;
    padding-top: 5px;
}

.ui-dialog .tab-content .charsheet .pwr-die-system {
    width: 240px;
    height: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.ui-dialog .tab-content .charsheet .pwr-die-system input[type=text] {
    font-size: 12px;
    width: 21px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .pwr-die-system button[type=roll] {
    background-color: transparent;
    color: black;
    border: none;
    font-size: 12px;
    line-height: 15px;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    margin-left: 10px;
    font-weight: bold;
    width: calc(100% - 72px);
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .pwr-dice-container .label span {
    display: block;
    font-size: 9px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin: 10px;
}

.ui-dialog .tab-content .charsheet .saving-throw,.ui-dialog .tab-content .charsheet .skill {
    width: 165px;
    height: 18px;
}

.ui-dialog .tab-content .charsheet .saving-throw input[type=checkbox],.ui-dialog .tab-content .charsheet .skill input[type=checkbox] {
    margin-left: 5px;
}

.ui-dialog .tab-content .charsheet .saving-throw input[type=text],.ui-dialog .tab-content .charsheet .skill input[type=text] {
    font-size: 12px;
    width: 21px;
}

.ui-dialog .tab-content .charsheet .col1 .saving-throw > span,.ui-dialog .tab-content .charsheet .col1 .skill > span {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    min-width: 21px;
}

.ui-dialog .tab-content .charsheet .saving-throw button[type=roll],.ui-dialog .tab-content .charsheet .skill button[type=roll] {
    width: calc(100% - 60px);
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .saving-throw-container .label span,.ui-dialog .tab-content .charsheet .skills-container .label span,.ui-dialog .tab-content .charsheet .textbox-container .label span,.ui-dialog .tab-content .charsheet .ac-init-speed-container span.label,.ui-dialog .tab-content .charsheet .hp span,.ui-dialog .tab-content .charsheet .exhaustion span.label,.ui-dialog .tab-content .charsheet .hdice-dsaves-container span,.ui-dialog .tab-content .charsheet .attacks span,.ui-dialog .tab-content .charsheet .globalattack span,.ui-dialog .tab-content .charsheet .equipment span,.ui-dialog .tab-content .charsheet .textbox span,.ui-dialog .tab-content .charsheet .tool_proficiencies span,.ui-dialog .tab-content .charsheet .proficiencies span,.ui-dialog .tab-content .charsheet .powers .body span,.ui-dialog .tab-content .charsheet .options .body span {
    display: block;
    font-size: 9px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}

.ui-dialog .tab-content .charsheet .exhaustion div span.ex-description {
    font-size: 9px;
    line-height: 9px;
    text-align: left;
    width: 116px;
    display: block;
}

.ui-dialog .tab-content .charsheet .exhaustion span.label {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .exhaustion div.ex-descriptions {
    display: inline-block;
    padding-top: 5px;
}

.ui-dialog .tab-content .charsheet .exhaustion-toggle[value="0"] ~ .exhaustion {
    display: none;
}

.ui-dialog .tab-content .charsheet .exhaustion input[type="number"] {
    width: 116px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .skill button span,.ui-dialog .tab-content .charsheet .options .body .skill span span {
    color: #A0A0A0;
    font-weight: normal;
}

.ui-dialog .tab-content .charsheet .textbox-container,.ui-dialog .tab-content .charsheet .tool_proficiencies {
    border: 1px solid #666;
    border-radius: 5px;
    width: 243px;
}

.ui-dialog .tab-content .charsheet .tool_proficiencies,.ui-dialog .tab-content .charsheet .attacks {
    padding-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .textbox-container textarea {
    width: calc(100% - 10px);
    resize: vertical;
    border: none;
}

.ui-dialog .tab-content .charsheet .ac-init-speed-container,.ui-dialog .tab-content .charsheet .hp,.ui-dialog .tab-content .charsheet .exhaustion,.ui-dialog .tab-content .charsheet .hdice-dsaves-container,.ui-dialog .tab-content .charsheet .attacks,.ui-dialog .tab-content .charsheet .equipment {
    width: 240px;
    margin-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .ac-init-speed-container div {
    width: calc(31%);
    height: 100%;
    border: 1px solid #666;
    border-radius: 5px;
    display: inline-block;
    vertical-align: top;
}

.ui-dialog .tab-content .charsheet .ac-init-speed-container span.label {
    margin: 0;
    padding: 0;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .ac-init-speed-container button[type=roll] {
    display: block;
}

.ui-dialog .tab-content .charsheet .hp,.ui-dialog .tab-content .charsheet .exhaustion,.ui-dialog .tab-content .charsheet .subcontainer,.ui-dialog .tab-content .charsheet .attacks,.ui-dialog .tab-content .charsheet .equipment {
    border: 1px solid #666;
    border-radius: 5px;
}

.ui-dialog .tab-content .charsheet .hp input {
    font-size: 30px;
}

.ui-dialog .tab-content .charsheet .exhaustion input {
    font-size: 20px;
}

.ui-dialog .tab-content .charsheet .hp input[type="number"] {
    width: 100%;
    padding-right: 0;
    padding-left: 20px;
}

.ui-dialog .tab-content .charsheet .hp span.label,.ui-dialog .tab-content .charsheet .exhuastion span .label,.ui-dialog .tab-content .charsheet .hdice-dsaves-container span.label {
    margin-top: 10px;
}

.ui-dialog .tab-content .charsheet .hp .top span,.ui-dialog .tab-content .charsheet .hdice-dsaves-container .top span,.ui-dialog .tab-content .charsheet .attacks .top span,.ui-dialog .tab-content .charsheet .tool_proficiencies .top span,.ui-dialog .tab-content .charsheet .proficiencies .top span,.ui-dialog .tab-content .charsheet .traits .top span {
    text-align: left;
    margin-left: 5px;
    color: #000000;
    font-weight: normal;
    display: inline-block;
    width: initial;
}

.ui-dialog .tab-content .charsheet .hp .top input,.ui-dialog .tab-content .charsheet .hdice-dsaves-container .top input[type=text] {
    border-bottom: 1px solid #000000;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    width: auto;
    display: inline-block;
    font-size: 12px;
    padding: 0;
}

.ui-dialog .tab-content .charsheet .hdice-dsaves-container .top input[type=text] {
    width: 80px;
}

.ui-dialog .tab-content .charsheet .subcontainer {
    width: 116px;
    display: inline-block;
    vertical-align: top;
    min-height: 64px;
}

.ui-dialog .tab-content .charsheet .subcontainer input[type=text].label {
    display: block;
    font-size: 9px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .hdice-dsaves-container .row-container {
    float: right;
    margin-right: 5px;
    margin-top: 5px;
}

.ui-dialog .tab-content .charsheet .hdice-dsaves-container .row-container span {
    display: inline-block;
    width: inherit;
}

.ui-dialog .tab-content .charsheet .money {
    width: 70px;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .coin {
    display: flex;
    flex-direction: row;
    gap: 0.1rem;
    border: 1px solid #666;
    border-radius: 5px;
    margin: 0.2rem;
    background-color: white;
    padding: 0;
    align-items: center;
}

.ui-dialog .tab-content .charsheet .coin span {
    color: #000000;
    width: 5px;
}

.ui-dialog .tab-content .charsheet .coin input {
    font-size: 11px;
    padding: 0;
    flex: 1;
}

.ui-dialog .tab-content .charsheet .equipment {
    position: relative;
    min-height: 276px;
}

.ui-dialog .tab-content .charsheet .equipment textarea {
    width: calc(100% - 69px);
    margin: 0 0 0 -5px;
    resize: vertical;
    border: none;
    display: inline-block;
    padding: 0;
    min-height: 264px;
}

.ui-dialog .tab-content .charsheet .equipment span,.ui-dialog .tab-content .charsheet .textbox span {
    margin-top: 0;
}

.ui-dialog .tab-content .charsheet .textbox {
    width: 100%;
    border: 1px solid #666;
    border-radius: 5px;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .textbox textarea {
    width: calc(100% - 10px);
    resize: vertical;
    border: none;
    margin: 0;
    padding-bottom: 0;
    min-height: 48px;
    height: 48px;
}

.ui-dialog .tab-content .charsheet .footer {
    -webkit-user-select: auto;
    -moz-user-select: text;
    font-size: 10px;
    color: rgb(165, 165, 165);
    margin-top: 10px;
}

.ui-dialog .tab-content .charsheet .footer div {
    width: 45%;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .attacks {
    min-height: 274px;
    margin-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .attacks .display button[type=roll],.ui-dialog .tab-content .charsheet .tool .display button[type=roll],.ui-dialog .tab-content .charsheet .proficiency .display button[type=roll],.ui-dialog .tab-content .charsheet .deployment .display button[type=roll] {
    background-color: transparent;
    color: black;
    border: none;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .attacks .display button[type=roll]::before,.ui-dialog .tab-content .charsheet .tool .display button[type=roll]::before,.ui-dialog .tab-content .charsheet .proficiency .display button[type=roll]::before,.ui-dialog .tab-content .charsheet .deployment .display button[type=roll]::before {
    content: "" !important;
}

.ui-dialog .tab-content .charsheet .attacks .display input,.ui-dialog .tab-content .charsheet .tool .display input,.ui-dialog .tab-content .charsheet .equipment .item input,.ui-dialog .tab-content .charsheet .attacks .display span,.ui-dialog .tab-content .charsheet .tool .display span,.ui-dialog .tab-content .charsheet .equipment .item span,.ui-dialog .tab-content .charsheet .proficiencies .display span {
    line-height: 12px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #EFEFEF;
    cursor: pointer;
    text-align: left;
    font-size: 9px;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .attacks .display span,.ui-dialog .tab-content .charsheet .tool .display span,.ui-dialog .tab-content .charsheet .equipment .item span,.ui-dialog .tab-content .charsheet .proficiencies .display span {
    min-height: 12px;
    display: inline-block;
    margin-top: 0;
    padding: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
    white-space: nowrap;
}

.ui-dialog .tab-content .charsheet .traits .display .title {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    text-transform: capitalize;
    font-variant: small-caps;
    font-weight: bold;
    color: rgb(126, 45, 64);
}

.ui-dialog .tab-content .charsheet .traits .display .subheader {
    font-style: italic;
    color: #000000;
    margin-top: -3px;
}

.ui-dialog .tab-content .charsheet .traits .display .subheader span {
    font-size: 10px;
    display: inline;
}

.ui-dialog .tab-content .charsheet .attacks .options-flag,.ui-dialog .tab-content .charsheet .power .options-flag,.ui-dialog .tab-content .charsheet .tool .options-flag,.ui-dialog .tab-content .charsheet .npc .npc_options-flag,.ui-dialog .tab-content .charsheet .pc .trait .options-flag,.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag,.ui-dialog .tab-content .charsheet .ship .trait .options-flag,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag,.ui-dialog .tab-content .charsheet .action .options-flag,.ui-dialog .tab-content .charsheet .textbox .options-flag,.ui-dialog .tab-content .charsheet .proficiencies .options-flag,.ui-dialog .tab-content .charsheet .traits .options-flag,.ui-dialog .tab-content .charsheet .equipment .inventorysubflag,.ui-dialog .tab-content .charsheet .header .options-flag {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    z-index: 2;
}

.ui-dialog .tab-content .charsheet .attacks .options-flag + span,.ui-dialog .tab-content .charsheet .power .options-flag + span,.ui-dialog .tab-content .charsheet .tool .options-flag + span,.ui-dialog .tab-content .charsheet .npc .npc_options-flag + span,.ui-dialog .tab-content .charsheet .trait .options-flag + span,.ui-dialog .tab-content .charsheet .global-mod .options-flag + span,.ui-dialog .tab-content .charsheet .action .options-flag + span,.ui-dialog .tab-content .charsheet .textbox .options-flag + span,.ui-dialog .tab-content .charsheet .proficiencies .options-flag + span,.ui-dialog .tab-content .charsheet .traits .options-flag + span,.ui-dialog .tab-content .charsheet .equipment .inventorysubflag + span,.ui-dialog .tab-content .charsheet .header .options-flag + span {
    position: absolute;
    top: 0;
    right: 0;
    white-space: nowrap;
    width: 18px;
    height: 18px;
    font-size: 20px;
    font-family: pictos;
    color: #A0A0A0;
    cursor: pointer;
    margin-top: 0;
    display: none;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:not(:checked) ~ .display,.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:not(:checked) ~ .display,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:checked ~ .options {
    width: 80%;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .attacks .options-flag:checked + span,.ui-dialog .tab-content .charsheet .power .options-flag:checked + span,.ui-dialog .tab-content .charsheet .tool .options-flag:checked + span,.ui-dialog .tab-content .charsheet .npc .npc_options-flag:checked + span,.ui-dialog .tab-content .charsheet .trait .options-flag:checked + span,.ui-dialog .tab-content .charsheet .global-mod .options-flag:checked + span,.ui-dialog .tab-content .charsheet .action .options-flag:checked + span,.ui-dialog .tab-content .charsheet .textbox .options-flag:checked + span,.ui-dialog .tab-content .charsheet .proficiencies .options-flag:checked + span,.ui-dialog .tab-content .charsheet .traits .options-flag:checked + span,.ui-dialog .tab-content .charsheet .equipment .inventorysubflag:checked + span,.ui-dialog .tab-content .charsheet .header .options-flag:checked + span {
    color: black;
    display: block;
}

.ui-dialog .tab-content .charsheet .attacks .attack:hover .options-flag + span,.ui-dialog .tab-content .charsheet .power:hover .options-flag + span,.ui-dialog .tab-content .charsheet .tool:hover .options-flag + span,.ui-dialog .tab-content .charsheet .npc:hover > .npc_options-flag + span,.ui-dialog .tab-content .charsheet .trait:hover .options-flag + span,.ui-dialog .tab-content .charsheet .global-mod:hover .options-flag + span,.ui-dialog .tab-content .charsheet .action:hover .npc_options-flag + span,.ui-dialog .tab-content .charsheet .trait:hover .npc_options-flag + span,.ui-dialog .tab-content .charsheet .textbox:hover > .options-flag + span,.ui-dialog .tab-content .charsheet .proficiency:hover .options-flag + span,.ui-dialog .tab-content .charsheet .deployment:hover .options-flag + span,.ui-dialog .tab-content .charsheet .item:hover .inventorysubflag + span,.ui-dialog .tab-content .charsheet .pc .trait:hover .output,.ui-dialog .tab-content .charsheet .pc .header:hover .options-flag + span,.ui-dialog .tab-content .charsheet .ship .trait:hover .output,.ui-dialog .tab-content .charsheet .ship .header:hover .options-flag + span {
    display: block;
}

.ui-dialog .tab-content .charsheet .pc .header .options-flag,.ui-dialog .tab-content .charsheet .ship .header .options-flag {
    top: 8px;
    right: 4px;
}

.ui-dialog .tab-content .charsheet .pc .header .options-flag + span,.ui-dialog .tab-content .charsheet .ship .header .options-flag + span {
    top: 8px;
    right: 4px;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .display-flag,.ui-dialog .tab-content .charsheet .pc .trait .display-flag,.ui-dialog .tab-content .charsheet .ship .global-mod .display-flag,.ui-dialog .tab-content .charsheet .ship .trait .display-flag {
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:checked ~ .display-flag,.ui-dialog .tab-content .charsheet .pc .trait .options-flag:checked ~ .display-flag,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:checked ~ .display-flag,.ui-dialog .tab-content .charsheet .ship .trait .options-flag:checked ~ .display-flag {
    width: 0;
    height: 0;
}

.ui-dialog .tab-content .charsheet .pc .trait .display-flag:checked ~ .display .desc,.ui-dialog .tab-content .charsheet .ship .trait .display-flag:checked ~ .display .desc {
    display: none;
}

.ui-dialog .tab-content .charsheet .pc .trait .output,.ui-dialog .tab-content .charsheet .ship .trait .output {
    position: absolute;
    top: -8px;
    right: 30px;
    width: 18px;
    height: 18px;
    z-index: 2;
    background: none;
    border: none;
    font-family: pictos;
    font-size: 20px;
    display: none;
}

.ui-dialog .tab-content .charsheet .pc .trait .output:before,.ui-dialog .tab-content .charsheet .ship .trait .output:before {
    content: "";
}

.ui-dialog .tab-content .charsheet .textbox .display .desc {
    white-space: pre-wrap;
    word-break: break-word;
}

.ui-dialog .tab-content .charsheet .licensecontainer,.ui-dialog .tab-content .charsheet .attack,.ui-dialog .tab-content .charsheet .power,.ui-dialog .tab-content .charsheet .tool,.ui-dialog .tab-content .charsheet .npc,.ui-dialog .tab-content .charsheet .action,.ui-dialog .tab-content .charsheet .textbox,.ui-dialog .tab-content .charsheet .proficiencies,.ui-dialog .tab-content .charsheet .traits {
    position: relative;
}

.ui-dialog .tab-content .charsheet .npc_display_row {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    padding: 0.5rem;
}

.ui-dialog .tab-content .charsheet .npc_display_row .display,.ui-dialog .tab-content .charsheet .npc_display_row .actions_container {
    width: 50%;
}

.ui-dialog .tab-content .charsheet .npc_display_row .traits .display,.ui-dialog .tab-content .charsheet .npc_display_row .actions .display,.ui-dialog .tab-content .charsheet .npc_display_row .reaction .display {
    width: 100%;
}

.ui-dialog .tab-content .charsheet .attack .options,.ui-dialog .tab-content .charsheet .power .options,.ui-dialog .tab-content .charsheet .tool .options,.ui-dialog .tab-content .charsheet .npc .npc_options,.ui-dialog .tab-content .charsheet .trait .options,.ui-dialog .tab-content .charsheet .global-mod .options,.ui-dialog .tab-content .charsheet .action .options,.ui-dialog .tab-content .charsheet .textbox .options,.ui-dialog .tab-content .charsheet .proficiencies .options,.ui-dialog .tab-content .charsheet .trait .options {
    display: none;
    border-top: 2px dashed gold;
}

.ui-dialog .tab-content .charsheet .item .subitem,.ui-dialog .tab-content .charsheet .header .options {
    display: none;
}

.ui-dialog .tab-content .charsheet .textbox .display {
    padding: 5px 5px 5px 10px;
}

.ui-dialog .tab-content .charsheet .textbox .display span {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    line-height: 16px;
}

.ui-dialog .tab-content .charsheet .textbox.pibf span {
    white-space: pre-wrap;
    word-break: break-word;
}

.ui-dialog .tab-content .charsheet .attacks .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .power .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .tool .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .npc .npc_options-flag:checked ~ .npc_options,.ui-dialog .tab-content .charsheet .trait .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .global-mod .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .action .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .textbox .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .proficiencies .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .traits .options-flag:checked ~ .options,.ui-dialog .tab-content .charsheet .item .inventorysubflag:checked ~ .subitem {
    display: inherit;
}

.ui-dialog .tab-content .charsheet .header .options-flag:checked ~ .options {
    min-height: 74px;
    vertical-align: top;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .ship .header .options {
    min-height: 74px;
    vertical-align: top;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .textbox .options-flag:checked ~ .display,.ui-dialog .tab-content .charsheet .header .options-flag:checked ~ .display {
    display: none;
}

.ui-dialog .tab-content .charsheet .power-level {
    position: relative;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .header-info.options span {
    display: inline-block;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .header-info.options input {
    width: 170px;
}

.ui-dialog .tab-content .charsheet .level {
    width: 20px;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .level:after,.ui-dialog .tab-content .charsheet .level:before {
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #FFF;
    left: 0;
    top: -6px;
    content: '';
    position: absolute;
}

.ui-dialog .tab-content .charsheet .level:before {
    border-top: 23px solid transparent;
    border-bottom: 23px solid transparent;
    border-left: 24px solid;
    border-left-color: inherit;
    left: -2px;
    top: -9px;
}

.ui-dialog .tab-content .charsheet .level span {
    z-index: 3;
    margin-left: -3px;
    position: relative;
    font-size: 16px;
    top: 2px;
}

.ui-dialog .tab-content .charsheet .cantrips {
    display: inline-block;
    border: 1px solid black;
    height: 25px;
    border-radius: 5px;
    width: 238px;
    text-align: center;
    margin-left: -20px;
}

.ui-dialog .tab-content .charsheet .cantrips span {
    display: block;
    font-size: 9px;
    line-height: 12px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    margin-top: 8px;
}

.ui-dialog .tab-content .charsheet .powers .body .power-labels {
    color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.ui-dialog .tab-content .charsheet .powers .body .power-labels span {
    margin: 0;
    padding: 0;
}

.ui-dialog .tab-content .charsheet .power-labels span {
    display: inline;
    font-weight: normal;
    font-size: 8px;
}

.ui-dialog .tab-content .charsheet .power-level input {
    width: 100%;
    text-align: center;
    font-size: 20px;
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    padding: 0;
    margin: 2px;
    height: 100%;
}

.ui-dialog .tab-content .charsheet .power-level .total,.ui-dialog .tab-content .charsheet .power-level .expended {
    display: inline-block;
    border: 1px solid black;
    height: 25px;
    border-radius: 5px;
    text-align: center;
    margin-left: -20px;
    background-color: white;
}

.ui-dialog .tab-content .charsheet .power-level .total {
    width: 114px;
    vertical-align: bottom;
}

.ui-dialog .tab-content .charsheet .power-level .total span {
    font-size: 20px;
    font-weight: normal;
    position: relative;
    top: 3px;
}

.ui-dialog .tab-content .charsheet .power-level .expended {
    width: 139px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.ui-dialog .tab-content .charsheet .power {
    margin-bottom: 5px;
    width: 245px;
}

.ui-dialog .tab-content .charsheet .power .display {
    position: relative;
}

.ui-dialog .tab-content .charsheet .power .display button[type=roll] {
    display: flex;
    background-color: transparent;
    color: black;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #D3D3D3;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-weight: bold;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .power .display button[type=roll]::before {
    content: "" !important;
}

.ui-dialog .tab-content .charsheet .powers .body span.powerritual,.ui-dialog .tab-content .charsheet .powers .body span.powerconcentration {
    display: none;
    font-size: 8px;
    font-weight: normal;
    margin-top: 0;
    color: white;
    background-color: black;
    width: 1rem;
    height: 1rem;
    top: 0;
    line-height: 10px;
}

.ui-dialog .tab-content .charsheet .powericon_flag:not([value="none"]) + .body .power .display .powerritual:not([value="0"]) ~ span.powerritual {
    display: inline-block;
    right: 11px;
}

.ui-dialog .tab-content .charsheet .powers .body .power .display .powerconcentration:not([value="0"]) ~ span.powerconcentration {
    border-radius: 100%;
    display: inline-block;
    right: 0;
}

.ui-dialog .tab-content .charsheet .power .display .componentscontainer {
    position: absolute;
    top: 3px;
    right: 0;
    width: auto;
}

.ui-dialog .tab-content .charsheet .power .display .v,.ui-dialog .tab-content .charsheet .power .display .s,.ui-dialog .tab-content .charsheet .power .display .m {
    display: none;
}

.ui-dialog .tab-content .charsheet .powericon_flag[value="all"] + .body .power .display input.v:not([value="0"]) ~ .componentscontainer span.v,.ui-dialog .tab-content .charsheet .powericon_flag[value="all"] + .body .power .display input.s:not([value="0"]) ~ .componentscontainer span.s,.ui-dialog .tab-content .charsheet .powericon_flag[value="all"] + .body .power .display input.m:not([value="0"]) ~ .componentscontainer span.m {
    display: inline;
    width: initial;
    font-size: 8px;
}

.ui-dialog .tab-content .charsheet .power .display input[type=text] {
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    text-align: left;
    padding: 0;
    margin: 0;
    background-color: transparent;
    color: black;
    border: none;
    background-image: none;
    text-shadow: none;
    box-shadow: none;
    width: 100%;
}

.ui-dialog .tab-content .charsheet .power .display span.powername {
    font-size: 12px;
    text-align: left;
    font-weight: normal;
    margin-right: -4px;
    margin-left: 4px;
    display: inline;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 220px;
}

.ui-dialog .tab-content .charsheet .powers .body .power .display .prep ~ span.powername {
    margin-left: 14px;
}

.ui-dialog .tab-content .charsheet .repcontrol {
    min-height: 27px;
}

.ui-dialog .tab-content .charsheet .repcontrol .btn {
    border: medium none;
    color: #000000;
    background: none;
    box-shadow: none;
}

.ui-dialog .tab-content .charsheet .repcontrol .btn:focus {
    outline: 0;
}

.ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit:after {
    content: '(';
    visibility: visible;
    font-family: pictos;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 2px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: black;
}

.ui-dialog .tab-content .charsheet .editmode ~ .repcontrol .repcontrol_edit:after {
    content: ')';
}

.ui-dialog .tab-content .charsheet .repcontrol .repcontrol_add:before {
    content: '&';
    visibility: visible;
    font-family: pictos;
    background-color: #fff;
    border: 1px solid black;
    border-radius: 2px;
    font-size: 12px;
    height: 12px;
    width: 12px;
    padding: 2px 4px 2px 4px;
    color: black;
}

.ui-dialog .tab-content .charsheet .repcontrol .repcontrol_edit:hover:after,.ui-dialog .tab-content .charsheet .repcontrol .repcontrol_add:hover:before {
    background-color: #EFEFEF;
}

.ui-dialog .tab-content .charsheet .resources .repcontrol {
    margin-top: -10px;
}

.ui-dialog .tab-content .charsheet .itemcontrol {
    z-index: 10;
}

.ui-dialog .tab-content .charsheet .itemcontrol .repcontrol_del {
    font-size: 10px;
    margin-top: 3px;
    padding: 0;
    height: 18px;
    width: 18px;
}

.ui-dialog .tab-content .charsheet .itemcontrol .repcontrol_move {
    font-size: 10px;
    margin-top: 3px;
    padding: 0;
    height: 18px;
    width: 18px;
}

.ui-dialog .tab-content .charsheet .tool .options,.ui-dialog .tab-content .charsheet .attack .options,.ui-dialog .tab-content .charsheet .power .options,.ui-dialog .tab-content .charsheet .proficiencies .options,.ui-dialog .tab-content .charsheet .traits .options,.ui-dialog .tab-content .charsheet .global-mod .options {
    padding-left: 5px;
}

.ui-dialog .tab-content .charsheet .tool .options span,.ui-dialog .tab-content .charsheet .attack .options span,.ui-dialog .tab-content .charsheet .power .options span,.ui-dialog .tab-content .charsheet .options .body span,.ui-dialog .tab-content .charsheet .proficiencies .options span,.ui-dialog .tab-content .charsheet .traits .options span,.ui-dialog .tab-content .charsheet .global-mod .options span {
    width: initial;
    display: inline-block;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .tool .options input,.ui-dialog .tab-content .charsheet .attack .options input[type=text],.ui-dialog .tab-content .charsheet .power .options input[type=text],.ui-dialog .tab-content .charsheet .options .body input[type=text],.ui-dialog .tab-content .charsheet .proficiencies .options input[type=text],.ui-dialog .tab-content .charsheet .proficiencies .options input[type=number],.ui-dialog .tab-content .charsheet .traits .options input[type=text],.ui-dialog .tab-content .charsheet .global-mod .options input[type=text],.ui-dialog .tab-content .charsheet .global-mod .options input[type=number] {
    display: inline-block;
    text-align: left;
    font-size: 12px;
    border-bottom: 1px solid #D3D3D3;
    padding: 0;
    width: initial;
}

.ui-dialog .tab-content .charsheet .tool .options select,.ui-dialog .tab-content .charsheet .attack .options select,.ui-dialog .tab-content .charsheet .power .options select,.ui-dialog .tab-content .charsheet .options .body select,.ui-dialog .tab-content .charsheet .proficiencies .options select,.ui-dialog .tab-content .charsheet .traits .options select,.ui-dialog .tab-content .charsheet .hdice-dsaves-container .options select,.ui-dialog .tab-content .charsheet .hp select {
    border-bottom: 1px solid #D3D3D3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    display: inline-block;
    font-size: 12px;
    width: initial;
    padding: 0;
    margin: 0;
    line-height: 18px;
    height: 18px;
}

.ui-dialog .tab-content .charsheet .tool .options input[type=checkbox],.ui-dialog .tab-content .charsheet .attack .options input[type=checkbox],.ui-dialog .tab-content .charsheet .power .options input[type=checkbox],.ui-dialog .tab-content .charsheet .options .body input[type=checkbox],.ui-dialog .tab-content .charsheet .npc .npc_options input[type=checkbox],.ui-dialog .tab-content .charsheet .proficiencies .options input[type=checkbox],.ui-dialog .tab-content .charsheet .traits .options input[type=checkbox],.ui-dialog .tab-content .charsheet .global-mod .options input[type=checkbox] {
    width: 13px;
    font-size: initial;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
}

.ui-dialog .tab-content .charsheet .attack .options input[type=text].num,.ui-dialog .tab-content .charsheet .options input[type=text].num {
    width: 15px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .power .options textarea {
    width: calc(100% - 10px);
    resize: vertical;
    margin-bottom: 0;
}

.ui-dialog .tab-content .charsheet .power-container {
    min-height: 60px;
    margin-bottom: 1px;
}

.ui-dialog .tab-content .charsheet .power-container input[name="attr_powercastingtime"] {
    width: 168px;
}

.ui-dialog .tab-content .charsheet .power-container input[name="attr_powerrange"] {
    width: 201px;
}

.ui-dialog .tab-content .charsheet .power-container input[name="attr_powertarget"] {
    width: 199px;
}

.ui-dialog .tab-content .charsheet .power-container .power .options input[name="attr_powercomp_materials"] {
    margin-left: 17px;
    width: 223px;
}

.ui-dialog .tab-content .charsheet .power-container input[name="attr_powerduration"] {
    width: 186px;
}

.ui-dialog .tab-content .charsheet .options .sheet-row {
    display: block;
    width: 100%;
}

.ui-dialog .tab-content .charsheet .options .title input[type=text] {
    width: 62px;
    border: none;
    text-align: center;
    color: #A0A0A0
}

.ui-dialog .tab-content .charsheet .options .title {
    text-align: center;
}

.ui-dialog .tab-content .charsheet .class_options,.ui-dialog .tab-content .charsheet .skill_options,.ui-dialog .tab-content .charsheet .general_options {
    border: 1px solid #666;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .general_options {
    position: relative;
}

.ui-dialog .tab-content .charsheet .hlabel-container .showing,.ui-dialog .tab-content .charsheet .hlabel-container .hiding,.ui-dialog .tab-content .charsheet .header .showing,.ui-dialog .tab-content .charsheet .header input[value="1"].flag ~ .hiding {
    display: none;
}

.ui-dialog .tab-content .charsheet .hlabel-container input[value="1"].flag ~ .showing,.ui-dialog .tab-content .charsheet .hlabel-container input[value="0"].flag ~ .hiding,.ui-dialog .tab-content .charsheet .header input[value="1"].flag ~ .showing {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .options .sheet-row > span {
    color: black;
}

.ui-dialog .tab-content .charsheet .power .display {
    position: relative;
}

.ui-dialog .tab-content .charsheet .powers .body .power .prep {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 0;
    border: 1px solid black;
}

.ui-dialog .tab-content .charsheet .powers .body .power input[type=checkbox]:checked ~ span.prep {
    background-color: #EC2127;
}

.ui-dialog .tab-content .charsheet .powers .options .flex-row {
    margin-bottom: 0.2rem;
}

.ui-dialog .tab-content .charsheet .powers .body .power .prep-box {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    opacity: 0;
    z-index: 2;
    position: relative;
    width: 12px
}

.ui-dialog .tab-content .charsheet .power .display button[type=roll].powercard {
    width: calc(100% - 18px);
}

.ui-dialog .tab-content .charsheet .triangle {
    border-bottom: .2rem solid rgb(126, 45, 64);
    margin-top: 5px;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .red,.ui-dialog .tab-content .charsheet .npc .display .red input,.ui-dialog .tab-content .charsheet .npc .display .red span {
    color: rgb(126, 45, 64);
}

.ui-dialog .tab-content .charsheet .npc .npc_options input {
    border-bottom: 1px solid #D3D3D3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    width: 200px;
    display: inline-block;
    font-size: 12px;
    padding: 0;
}

.ui-dialog .tab-content .charsheet .npc .npc_options span {
    display: inline-block;
    font-size: 9px;
    line-height: 12px;
    text-align: left;
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .npc .npc_options .title span {
    text-align: center;
    font-size: 14px;
    display: block;
    margin-top: 5px;
}

.ui-dialog .tab-content .charsheet .npc .npc_options {
    border-bottom: 2px dashed gold;
}

.ui-dialog .tab-content .charsheet .npc input[type=text].num {
    width: 20px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .npc .col {
    width: calc(33% - 5px);
}

.ui-dialog .tab-content .charsheet .npc .spacer {
    height: 5px;
}

.ui-dialog .tab-content .charsheet .npc select {
    border-bottom: 1px solid #D3D3D3;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    line-height: inherit;
}

.ui-dialog .tab-content .charsheet .npc .display input,.ui-dialog .tab-content .charsheet .npc .reaction input {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    margin: 0;
    pointer-events: none;
    padding: 0;
    height: 16px;
    line-height: 16px;
    margin-top: -2px;
}

.ui-dialog .tab-content .charsheet .npc .display .title span {
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    width: 100%;
    text-transform: capitalize;
    font-variant: small-caps;
    font-weight: bold;
    display: block;
    text-align: left;
    line-height: 27px;
}

.ui-dialog .tab-content .charsheet .npc .display .subtitle span {
    font-size: 12px;
}

.ui-dialog .tab-content .charsheet .npc .display .num3 {
    width: 27px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .npc .display .actype + .parens {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc .display .actype:not([value=""]) + .parens {
    display: inline;
}

.ui-dialog .tab-content .charsheet .npc .display .parens {
    margin-left: -2px;
}

.ui-dialog .tab-content .charsheet .npc .display .parens:before {
    content: "(";
}

.ui-dialog .tab-content .charsheet .npc .display .parens:after {
    content: ")";
}

.ui-dialog .tab-content .charsheet .npc .display .parens.xp:after {
    content: " XP)";
}

.ui-dialog .tab-content .charsheet .npc .display span.npc-init-die {
    font-family: "dicefontd20";
    font-size: 16px;
    display: block;
}

.ui-dialog .tab-content .charsheet .npc .attr-container {
    width: 55px;
    border: 0;
    border-radius: 0;
    position: relative;
    padding: 5px 0 5px 0;
    margin: 0;
    height: inherit;
    display: inline-block;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .npc .attr-container span {
    font-size: 13px;
    font-weight: normal;
    display: inline;
    margin-bottom: 2px;
}

.ui-dialog .tab-content .charsheet .npc .attr-container span.bold {
    display: block;
}

.ui-dialog .tab-content .charsheet .npc span.bold,.ui-dialog .tab-content .charsheet .npc .action button span.bold,.ui-dialog .tab-content .charsheet .npc .trait button span.bold {
    font-weight: bold;
}

.ui-dialog .tab-content .charsheet .npc .attr-container input {
    width: 20px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .npc .attr-container input:nth-child(3) {
    width: 30px;
    margin-left: -5px;
}

.ui-dialog .tab-content .charsheet .npc .display .flag[value="0"] + button,.ui-dialog .tab-content .charsheet .npc .display .flag[value="0"] + div,.ui-dialog .tab-content .charsheet .npc .display .flag[value=""] + button,.ui-dialog .tab-content .charsheet .npc .display .flag[value=""] + div,.ui-dialog .tab-content .charsheet .npc .display .status {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc .display .flag[value]:not([value=""]) + div {
    display: block;
}

.ui-dialog .tab-content .charsheet .npc button[type=roll] input {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: black;
    margin: 0;
    pointer-events: none;
    padding: 0;
    height: 16px;
    line-height: 16px;
}

.ui-dialog .tab-content .charsheet .npc button[type=roll] {
    width: auto;
    white-space: nowrap;
}

.ui-dialog .tab-content .charsheet .npc .saving button[type=roll] span,.ui-dialog .tab-content .charsheet .npc .skills button[type=roll] span {
    font-size: 13px;
    font-weight: normal;
    width: auto;
    display: inline-block;
    line-height: 16px;
    height: 16px;
    vertical-align: bottom;
}

.ui-dialog .tab-content .charsheet .npc .display .flag[value="1"] + button .spacer,.ui-dialog .tab-content .charsheet .npc .display .flag[value="2"] + button .spacer {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc .display button input {
    width: 14px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .npc .display .flag[value="1"] + button .stat::before,.ui-dialog .tab-content .charsheet .npc .display .flag[value="2"] + button .stat::before {
    content: "+";
}

.ui-dialog .tab-content .charsheet .npc .display .flag[value="1"] + button .stat::after,.ui-dialog .tab-content .charsheet .npc .display .flag[value="3"] + button .stat::after {
    content: ", ";
}

.ui-dialog .tab-content .charsheet .negativeflag[value="1"] + .npcattr::before {
    content: "(";
}

.ui-dialog .tab-content .charsheet .negativeflag[value="0"] + .npcattr::before {
    content: "(+";
}

.ui-dialog .tab-content .charsheet .npcattr::after {
    content: ")";
}

.ui-dialog .tab-content .charsheet .traits {
    min-height: 20px;
}

.ui-dialog .tab-content .charsheet .npc .display .traits .trait,.ui-dialog .tab-content .charsheet .npc .reaction .trait {
    position: relative;
}

.ui-dialog .tab-content .charsheet .npc .display .traits input,.ui-dialog .tab-content .charsheet .npc .reaction input {
    pointer-events: initial;
}

.ui-dialog .tab-content .charsheet .npc .reaction input {
    font-weight: bold;
    width: 100%;
}

.ui-dialog .tab-content .charsheet .npc .display .traits textarea,.ui-dialog .tab-content .charsheet .npc .reaction textarea,.ui-dialog .tab-content .charsheet .attack textarea {
    resize: vertical;
    height: 36px;
    min-height: 36px;
    border: none;
    padding: 0;
    box-shadow: none;
}

.ui-dialog .tab-content .charsheet .npc .actiontitle {
    border-bottom: 1px solid rgb(126, 45, 64);
    width: 100%;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .npc .actions .title {
    font-size: 18px;
    text-transform: capitalize;
    font-variant: small-caps;
    line-height: inherit;
    height: inherit;
    margin: 0;
}

.ui-dialog .tab-content .charsheet .npc .traits,.ui-dialog .tab-content .charsheet .npc .actions {
    min-height: 40px;
}

.ui-dialog .tab-content .charsheet .npc .description_flag[value="0"] + textarea,.ui-dialog .tab-content .charsheet .npc .description_flag[value=""] + textarea {
    display: none;
    height: 36px;
    min-height: 36px;
}

.ui-dialog .tab-content .charsheet .npc .attack_option {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc .attack_options[value="on"] ~ .attack_option,.ui-dialog .tab-content .charsheet .npc .attack_options[value*="attack=1"] ~ .attack_option {
    display: block;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="3"] + textarea {
    height: 54px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="4"] + textarea {
    height: 72px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="5"] + textarea {
    height: 90px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="6"] + textarea {
    height: 108px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="7"] + textarea {
    height: 126px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="8"] + textarea {
    height: 144px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="9"] + textarea {
    height: 162px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="10"] + textarea {
    height: 180px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="11"] + textarea {
    height: 196px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="12"] + textarea {
    height: 216px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="13"] + textarea {
    height: 234px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="14"] + textarea {
    height: 252px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="15"] + textarea {
    height: 270px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="16"] + textarea {
    height: 288px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="17"] + textarea {
    height: 306px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="18"] + textarea {
    height: 324px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="19"] + textarea {
    height: 342px;
}

.ui-dialog .tab-content .charsheet .npc .action .display .description_flag[value="20"] + textarea {
    height: 360px;
}

.ui-dialog .tab-content .charsheet .npc .actions select {
    width: auto;
    margin: 0;
    padding: 0;
    height: 13px;
    line-height: 13px;
    font-size: 13px;
}

.ui-dialog .tab-content .charsheet .npc .trait button[type=roll],.ui-dialog .tab-content .charsheet .npc .action button[type=roll] {
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .npc .trait button span,.ui-dialog .tab-content .charsheet .npc .action button span {
    font-size: 13px;
    font-weight: normal;
}

.ui-dialog .tab-content .charsheet .npc .traits .wide,.ui-dialog .tab-content .charsheet .npc .actions .wide {
    width: 100%;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .npc .traits .wide span:after,.ui-dialog .tab-content .charsheet .npc .actions .wide span:after {
    content: ".";
}

.ui-dialog .tab-content .charsheet .npc .trait .display .description,.ui-dialog .tab-content .charsheet .npc .action .display .description {
    white-space: normal;
    color: #555555;
    line-height: 18px;
}

.ui-dialog .tab-content .charsheet .npc .action .display textarea,.ui-dialog .tab-content .charsheet .npc .trait .display textarea,.ui-dialog .tab-content .charsheet .legendaryactions {
    border: none;
    margin-bottom: 0;
    padding: 0;
    text-shadow: none;
    box-shadow: none;
    height: 36px;
    min-height: 36px;
    resize: none;
    overflow: hidden;
}

.ui-dialog .tab-content .charsheet .legendaryactions {
    height: 90px;
    pointer-events: none;
    margin-bottom: 15px;
    color: #555555;
}

.ui-dialog .tab-content .charsheet .npcpoweroptions {
    display: inline-block;
    margin-left: 17px;
}

.ui-dialog .tab-content .charsheet .container.npc .legendary,.ui-dialog .tab-content .charsheet .container.npc .reaction,.ui-dialog .tab-content .charsheet .npcpower_flag[value="0"] ~ .npcpower,.ui-dialog .tab-content .charsheet .npcpowercastingflag:not(:checked) ~ .npcpoweroptions {
    display: none;
}

.ui-dialog .tab-content .charsheet .legendary_flag:not([value="0"]) ~ .legendary,.ui-dialog .tab-content .charsheet .reaction_flag[value="1"] ~ .reaction {
    display: block;
}

.ui-dialog .tab-content .charsheet .npc .action textarea,.ui-dialog .tab-content .charsheet .npc .trait textarea,.ui-dialog .tab-content .charsheet .pc .globalattack textarea {
    resize: vertical;
}

.ui-dialog .tab-content .charsheet .equipment .inventorysubflag {
    height: 10px;
    width: 10px;
    top: 10px;
    right: 0;
}

.ui-dialog .tab-content .charsheet .equipment .inventorysubflag + span {
    height: 10px;
    width: 10px;
    top: 10px;
    right: 0;
    font-size: 10px;
    padding: 0;
}

.ui-dialog .tab-content .charsheet .equipment .complex {
    width: 160px;
    vertical-align: top;
    padding-top: 5px;
    margin-bottom: 15px;
}

.ui-dialog .tab-content .charsheet .proficiencies .complex,.ui-dialog .tab-content .charsheet .traits .complex {
    width: 240px;
    vertical-align: top;
    padding-top: 5px;
    margin-bottom: 15px;
}

.ui-dialog .tab-content .charsheet .pictos {
    font-family: pictos;
}

.ui-dialog .tab-content .charsheet .equipment .header span {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .item {
    margin-bottom: 2px;
}

.ui-dialog .tab-content .charsheet .item .name {
    width: 100px;
}

.ui-dialog .tab-content .charsheet .item input[type="text"].weight {
    width: 25px;
    text-align: center;
}

.ui-dialog .tab-content .charsheet .item .subitem .subfield {
    font-weight: normal;
    background-color: transparent;
    padding: 0;
    width: 112px;
}

.ui-dialog .tab-content .charsheet .item .subitem .subtextarea {
    width: calc(100% - 20px);
    font-size: 9px;
    padding: 0 5px 0 15px;
    min-height: 32px;
    height: 32px;
    margin: 0;
}

.ui-dialog .tab-content .charsheet .equipment .weighttotal {
    position: absolute;
    left: 0;
    top: 160px;
    width: 70px;
}

.ui-dialog .tab-content .charsheet .equipment .weighttotal input {
    pointer-events: none;
}

.ui-dialog .tab-content .charsheet .item .subitem span {
    width: 32px;
    padding: 0 0 0 10px;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .equipment .warning {
    display: none;
}

.ui-dialog .tab-content .charsheet .equipment .warningflag[value="show"] ~ .warning {
    display: block;
}

.ui-dialog .tab-content .charsheet .equipment .warning span,.ui-dialog .tab-content .charsheet .equipment .encumb {
    color: red;
}

.ui-dialog .tab-content .charsheet .equipment .encumb {
    display: none;
    font-size: 9px;
}

.ui-dialog .tab-content .charsheet .npc .warning {
    color: red;
    font-size: 9px;
}

.ui-dialog .tab-content .charsheet .equipment .encumberance[value="IMMOBILE"] ~ .immobile,.ui-dialog .tab-content .charsheet .equipment .encumberance[value="HEAVILY ENCUMBERED"] ~ .heavily,.ui-dialog .tab-content .charsheet .equipment .encumberance[value="ENCUMBERED"] ~ .encumbered,.ui-dialog .tab-content .charsheet .equipment .encumberance[value="OVER CARRYING CAPACITY"] ~ .over {
    display: block;
}

.ui-dialog .tab-content .charsheet .equipment .warning input[type="checkbox"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    width: auto;
}

.ui-dialog .tab-content .charsheet .equipment .item .subitem .equipped {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    width: initial;
    margin-left: 15px;
}

.ui-dialog .tab-content .charsheet .equipment .item .subitem .equippedlabel {
    width: calc(100% - 50px);
    text-align: left;
    padding-left: 5px;
}

.ui-dialog .tab-content .charsheet .equipment .equippedflag[value="0"] ~ .item > .name {
    color: #999;
}

.ui-dialog .tab-content .charsheet .version {
    position: absolute;
    top: 0;
    right: 0;
    pointer-events: none;
}

.ui-dialog .tab-content .charsheet .options .body .version input[type="text"] {
    border-bottom: none;
    width: 20px;
}

.ui-dialog .tab-content .charsheet .powerattackinfo {
    display: none;
}

.ui-dialog .tab-content .charsheet .powers .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo,.ui-dialog .tab-content .charsheet npc .powerattackinfoflag[value="ATTACK"] ~ .powerattackinfo {
    display: block;
}

.ui-dialog .tab-content .charsheet .attack input[type=text].flat {
    display: none;
}

.ui-dialog .tab-content .charsheet .attack .flatflag[value*="saveflat"] ~ input[type=text].flat {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .attacks .ammo {
    display: none;
}

.ui-dialog .tab-content .charsheet .ammoflag[value="on"] + .attacks .ammo {
    display: block;
}

.ui-dialog .tab-content .charsheet .hlabel-container [name="attr_race_display"] {
    width: 200px;
}

.ui-dialog .tab-content .charsheet .hlabel-container [name="attr_alignment"] {
    width: 180px;
}

.ui-dialog .tab-content .charsheet .hlabel-container [name="attr_experience"] {
    width: 100px;
}

.ui-dialog .tab-content .charsheet .class {
    width: 74px;
}

.ui-dialog .tab-content .charsheet .hlabel-container .multiclass-display {
    width: 57px;
    font-size: 13px;
    border-bottom: 1px solid #D3D3D3;
    line-height: 35px;
    height: 27px;
    margin-right: -4px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .tab-content .charsheet .hlabel-container .multiclass-display-level {
    width: 31px;
    text-align: center;
    font-size: 13px;
    border-bottom: 1px solid #D3D3D3;
    line-height: 35px;
    height: 27px;
    overflow: hidden;
}

.ui-dialog .tab-content .charsheet .hlabel-container input.class-level {
    margin-left: -6px;
    width: 34px;
}

.ui-dialog .tab-content .charsheet .options .body input[type=text].pb_custom {
    display: none;
}

.ui-dialog .tab-content .charsheet .options .body input[value="custom"] + input[type=text].pb_custom {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .attr-mod .baseattr {
    opacity: 0;
    height: 0;
    width: 0;
    pointer-events: none;
    display: inline;
    position: absolute;
}

.ui-dialog .tab-content .charsheet .finalattr {
    font-size: 20px;
    line-height: 20px;
}

.ui-dialog .tab-content .charsheet .attr-mod:hover .baseattr,.ui-dialog .tab-content .charsheet .attr-mod .baseattr:focus {
    opacity: 1;
    height: 20px;
    width: 40px;
    pointer-events: auto;
    position: static;
}

.ui-dialog .tab-content .charsheet .attr-mod:hover .finalattr,.ui-dialog .tab-content .charsheet .attr-mod .baseattr:focus ~ .finalattr {
    display: none;
}

.ui-dialog .tab-content .charsheet .attr-mod .attr-flag[value="1"] + .finalattr {
    color: #3e99e8;
}

.ui-dialog .tab-content .charsheet .attr-mod .attr-flag[value="1"] + .finalattr:after {
    content: '*';
    font-size: 15px;
    position: absolute;
}

.ui-dialog .tab-content .charsheet .power_slot_mods .column {
    width: 32%;
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .power_slot_mods .num_plus {
    margin-left: 2px;
}

.ui-dialog .tab-content .charsheet .init {
    text-align: center;
}

.ui-dialog .tab-content .charsheet .init span {
    font-size: 20px;
    line-height: 31px;
}

.ui-dialog .tab-content .charsheet .class_options .subclass {
    margin-left: 19px;
}

.ui-dialog .tab-content .charsheet .header .display .class-display {
    width: 298px;
    text-transform: capitalize;
    overflow: hidden;
    word-wrap: break-word;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ui-dialog .tab-content .charsheet .no_events {
    pointer-events: none;
}

.ui-dialog .tab-content .charsheet /* TRANSITION SCRIPT */
    .class_options,.ui-dialog .tab-content .charsheet .skill_options,.ui-dialog .tab-content .charsheet .attribute_options,.ui-dialog .tab-content .charsheet .save_options,.ui-dialog .tab-content .charsheet .general_options,.ui-dialog .tab-content .charsheet .transition_options {
    border: 1px solid #666;
    border-radius: 5px;
    padding: 5px;
    margin-bottom: 5px;
}

.ui-dialog .tab-content .charsheet .transition_options {
    display: none;
}

.ui-dialog .tab-content .charsheet .already_transitioned[value="0"] ~ .transition_options {
    display: block;
}

.ui-dialog .tab-content .charsheet .sheet_select img {
    padding: 5px;
    border: 1px solid #BBB;
    border-radius: 5px;
}

.ui-dialog .tab-content .charsheet .sheet_select img:hover {
    background-color: #DDD;
    cursor: pointer !important;
}

.ui-dialog .tab-content .charsheet .options .sheet-row span.transition_text {
    color: #A0A0A0;
}

.ui-dialog .tab-content .charsheet .options .sheet-row span.transition_text_highlight {
    color: #F00;
}

.ui-dialog .tab-content .charsheet .globalattack input[type="checkbox"] {
    display: inline;
    height: 12px;
    width: 12px;
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    margin-left: 5px;
    margin-top: 10px;
}

.ui-dialog .tab-content .charsheet .globalattack textarea {
    width: 200px;
    display: inline;
    height: 25px;
    margin: 1px;
}

.ui-dialog .tab-content .charsheet .globalattack .label {
    margin-bottom: 5px;
    padding-top: 5px;
    color: #A0A0A0;
    border-top: 1px dotted #A0A0A0;
}

.ui-dialog .tab-content .charsheet .missing-info {
    margin-bottom: 100px;
    display: none;
}

.ui-dialog .tab-content .charsheet .npc-powers {
    padding: 0.75rem 2rem 0;
}

.ui-dialog .tab-content .charsheet .npc-powers .body {
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 1rem 0 0;
}

.ui-dialog .tab-content .charsheet .missing-info-flag[value="1"] + .missing-info,.ui-dialog .tab-content .charsheet .missing-info:hover .missing-info-desc,.ui-dialog .tab-content .charsheet .missing-info-desc:hover {
    display: block;
}

.ui-dialog .tab-content .charsheet .actions.npcpower.powers,.ui-dialog .tab-content .charsheet .missing-info-desc {
    display: none;
}

.ui-dialog .tab-content .charsheet .powers .innate {
    color: #A0A0A0;
    display: none;
    font-size: 12px;
    font-weight: normal;
}

.ui-dialog .tab-content .charsheet .innate_flag:not([value=""]) + .innate {
    display: inline;
}

.ui-dialog .tab-content .charsheet .backgrounds_options label select,.ui-dialog .tab-content .charsheet .backgrounds_options label span,.ui-dialog .tab-content .charsheet .backgrounds_options label button {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet .backgrounds_options label button[type="roll"] {
    margin-top: .5em;
}

.ui-dialog .tab-content .charsheet .backgrounds_options label br {
    margin-top: .1em;
}

.ui-dialog .tab-content .charsheet .backgrounds_options label select:not([required]) {
    width: calc(100% - 4em);
}

.ui-dialog .tab-content .charsheet .pc .globalattack {
    border: none;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:not(:checked) ~ .display .title,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:not(:checked) ~ .display .title {
    font-size: 9px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    display: inline-block;
    width: 100%;
    background-color: #EFEFEF;
    line-height: 16px;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:not(:checked) ~ .display .subheader,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:not(:checked) ~ .display .subheader {
    font-size: 9px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 4px;
    padding-right: 4px;
    height: 16px;
    display: inline-block;
    width: 70px;
    background-color: #EFEFEF;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    text-align: left;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .active-flag,.ui-dialog .tab-content .charsheet .ship .global-mod .active-flag {
    margin-bottom: 10px;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:checked ~ .active-flag,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:checked ~ .active-flag {
    margin-bottom: 50px;
}

.ui-dialog .tab-content .charsheet .pc .global-mod .options-flag:checked ~ .display,.ui-dialog .tab-content .charsheet .ship .global-mod .options-flag:checked ~ .display {
    display: none;
}

.ui-dialog .tab-content .charsheet .npc .display .info {
    font-weight: normal;
}

.ui-dialog .tab-content .charsheet .fixed-bottom-title {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    gap: 0.2rem;
    margin-bottom: -1rem;
}

.ui-dialog .tab-content .charsheet .fixed-bottom-title span {
    margin: 0;
    width: auto;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .detail {
    padding-left: 1rem;
    padding-right: 0.5rem;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .detail label {
    font-size: 1rem;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .detail label.dt-subtitle {
    padding-top: 0.5rem;
    margin-bottom: -0.5rem;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .detail span {
    text-align: left;
    font-weight: normal;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .display {
    gap: 0;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .display .custom-checkbox {
    width: 1.2rem;
    height: 1.2rem;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .display span.custom-checkbox {
    margin-top: 0.3rem;
    margin-left: 0.3rem;
    border: 1px solid black;
    border-radius: 50%;
    background-color: #E8E8E8;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .display input.custom-checkbox {
    position: absolute;
    top: 0.3rem;
    left: 0.3rem;
    opacity: 0;
}

.ui-dialog .tab-content .charsheet /* NEW CSS */
    .powers .body .power .display input.custom-checkbox:checked + span.custom-checkbox {
    background-color: #EC2127;
}/* Row .ui-dialog .tab-content .charsheet Column*/
.flex-row,.ui-dialog .tab-content .charsheet .flex-column {
    display: flex;
    flex-wrap: nowrap;
    gap: 0.5rem;
}

.ui-dialog .tab-content .charsheet .flex-row {
    flex-direction: row;
}

.ui-dialog .tab-content .charsheet .flex-column {
    flex-direction: column;
}

.ui-dialog .tab-content .charsheet .flex-w-1 {
    width: calc(1 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-2 {
    width: calc(2 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-3 {
    width: calc(3 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-4 {
    width: calc(4 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-5 {
    width: calc(5 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-6 {
    width: calc(6 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-7 {
    width: calc(7 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-8 {
    width: calc(8 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-9 {
    width: calc(9 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-10 {
    width: calc(10 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-11 {
    width: calc(11 * 100% / 12);
}

.ui-dialog .tab-content .charsheet .flex-w-12 {
    width: calc(12 * 100% / 12);
}

.ui-dialog .tab-content .charsheet /* Axis Alignement */
    .flex-justify-start {
    justify-content: flex-start;
}

.ui-dialog .tab-content .charsheet .flex-justify-end {
    justify-content: flex-end;
}

.ui-dialog .tab-content .charsheet .flex-justify-center {
    justify-content: center;
}

.ui-dialog .tab-content .charsheet .flex-justify-sb {
    justify-content: space-between;
}

.ui-dialog .tab-content .charsheet .flex-justify-sa {
    justify-content: space-around;
}

.ui-dialog .tab-content .charsheet .flex-justify-se {
    justify-content: space-evenly;
}

.ui-dialog .tab-content .charsheet /* Cross Axis Alignment*/
    .flex-align-start {
    align-items: flex-start;
}

.ui-dialog .tab-content .charsheet .flex-align-end {
    align-items: flex-end;
}

.ui-dialog .tab-content .charsheet .flex-align-center {
    align-items: center;
}

.ui-dialog .tab-content .charsheet .flex-align-stretch {
    align-items: stretch;
}/* Padding .ui-dialog .tab-content .charsheet margin */
.m-0 {
    margin: 0rem;
}

.ui-dialog .tab-content .charsheet .mt-0 {
    margin-top: 0rem;
}

.ui-dialog .tab-content .charsheet .mb-0 {
    margin-bottom: 0rem;
}

.ui-dialog .tab-content .charsheet .ml-0 {
    margin-left: 0rem;
}

.ui-dialog .tab-content .charsheet .mr-0 {
    margin-right: 0rem;
}

.ui-dialog .tab-content .charsheet .m-1 {
    margin: 0.25rem;
}

.ui-dialog .tab-content .charsheet .mt-1 {
    margin-top: 0.25rem;
}

.ui-dialog .tab-content .charsheet .mb-1 {
    margin-bottom: 0.25rem;
}

.ui-dialog .tab-content .charsheet .ml-1 {
    margin-left: 0.25rem;
}

.ui-dialog .tab-content .charsheet .mr-1 {
    margin-right: 0.25rem;
}

.ui-dialog .tab-content .charsheet .m-2 {
    margin: 0.5rem;
}

.ui-dialog .tab-content .charsheet .mt-2 {
    margin-top: 0.5rem;
}

.ui-dialog .tab-content .charsheet .mb-2 {
    margin-bottom: 0.5rem;
}

.ui-dialog .tab-content .charsheet .ml-2 {
    margin-left: 0.5rem;
}

.ui-dialog .tab-content .charsheet .mr-2 {
    margin-right: 0.5rem;
}

.ui-dialog .tab-content .charsheet .m-3 {
    margin: 1rem;
}

.ui-dialog .tab-content .charsheet .mt-3 {
    margin-top: 1rem;
}

.ui-dialog .tab-content .charsheet .mb-3 {
    margin-bottom: 1rem;
}

.ui-dialog .tab-content .charsheet .ml-3 {
    margin-left: 1rem;
}

.ui-dialog .tab-content .charsheet .mr-3 {
    margin-right: 1rem;
}

.ui-dialog .tab-content .charsheet .m-4 {
    margin: 2rem;
}

.ui-dialog .tab-content .charsheet .mt-4 {
    margin-top: 2rem;
}

.ui-dialog .tab-content .charsheet .mb-4 {
    margin-bottom: 2rem;
}

.ui-dialog .tab-content .charsheet .ml-4 {
    margin-left: 2rem;
}

.ui-dialog .tab-content .charsheet .mr-4 {
    margin-right: 2rem;
}

.ui-dialog .tab-content .charsheet .m-5 {
    margin: 4rem;
}

.ui-dialog .tab-content .charsheet .mt-5 {
    margin-top: 4rem;
}

.ui-dialog .tab-content .charsheet .mb-5 {
    margin-bottom: 4rem;
}

.ui-dialog .tab-content .charsheet .ml-5 {
    margin-left: 4rem;
}

.ui-dialog .tab-content .charsheet .mr-5 {
    margin-right: 4rem;
}

.ui-dialog .tab-content .charsheet .p-0 {
    padding: 0rem;
}

.ui-dialog .tab-content .charsheet .pt-0 {
    padding-top: 0rem;
}

.ui-dialog .tab-content .charsheet .pb-0 {
    padding-bottom: 0rem;
}

.ui-dialog .tab-content .charsheet .pl-0 {
    padding-left: 0rem;
}

.ui-dialog .tab-content .charsheet .pr-0 {
    padding-right: 0rem;
}

.ui-dialog .tab-content .charsheet .p-1 {
    padding: 0.25rem;
}

.ui-dialog .tab-content .charsheet .pt-1 {
    padding-top: 0.25rem;
}

.ui-dialog .tab-content .charsheet .pb-1 {
    padding-bottom: 0.25rem;
}

.ui-dialog .tab-content .charsheet .pl-1 {
    padding-left: 0.25rem;
}

.ui-dialog .tab-content .charsheet .pr-1 {
    padding-right: 0.25rem;
}

.ui-dialog .tab-content .charsheet .p-2 {
    padding: 0.5rem;
}

.ui-dialog .tab-content .charsheet .pt-2 {
    padding-top: 0.5rem;
}

.ui-dialog .tab-content .charsheet .pb-2 {
    padding-bottom: 0.5rem;
}

.ui-dialog .tab-content .charsheet .pl-2 {
    padding-left: 0.5rem;
}

.ui-dialog .tab-content .charsheet .pr-2 {
    padding-right: 0.5rem;
}

.ui-dialog .tab-content .charsheet .p-3 {
    padding: 1rem;
}

.ui-dialog .tab-content .charsheet .pt-3 {
    padding-top: 1rem;
}

.ui-dialog .tab-content .charsheet .pb-3 {
    padding-bottom: 1rem;
}

.ui-dialog .tab-content .charsheet .pl-3 {
    padding-left: 1rem;
}

.ui-dialog .tab-content .charsheet .pr-3 {
    padding-right: 1rem;
}

.ui-dialog .tab-content .charsheet .p-4 {
    padding: 2rem;
}

.ui-dialog .tab-content .charsheet .pt-4 {
    padding-top: 2rem;
}

.ui-dialog .tab-content .charsheet .pb-4 {
    padding-bottom: 2rem;
}

.ui-dialog .tab-content .charsheet .pl-4 {
    padding-left: 2rem;
}

.ui-dialog .tab-content .charsheet .pr-4 {
    padding-right: 2rem;
}

.ui-dialog .tab-content .charsheet .p-5 {
    padding: 4rem;
}

.ui-dialog .tab-content .charsheet .pt-5 {
    padding-top: 4rem;
}

.ui-dialog .tab-content .charsheet .pb-5 {
    padding-bottom: 4rem;
}

.ui-dialog .tab-content .charsheet .pl-5 {
    padding-left: 4rem;
}

.ui-dialog .tab-content .charsheet .pr-5 {
    padding-right: 4rem;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row {
    padding: 0 2rem 0 5rem;
    margin: 0;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row .adv-btn-group,.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row .gm-btn-group {
    display: none;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_rtype"][value*="advantagetoggle"] + .adv-btn-group,.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_wtype"][value*="whispertoggle"] + .gm-btn-group {
    display: block;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row button {
    border: 0.1rem solid black;
    border-radius: 0.5rem;
    font-size: 1.1rem;
    font-weight: bold;
    padding: 0.1rem 0.5rem;
    background-color: #E8E8E8;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row button span {
    margin: 0;
    padding: 0;
}

.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row /*PC*/
        input[name="attr_tab"][value="core"] ~ button[name="act_tab_core"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_tab"][value="bio"] ~ button[name="act_tab_bio"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_tab"][value="powers"] ~ button[name="act_tab_powers"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_tab"][value="options"] ~ button[name="act_tab_options"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row /*SHIP*/
        input[name="attr_ship_tab"][value="ship-core"] ~ button[name="act_ship_tab_core"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_ship_tab"][value="ship-cargo"] ~ button[name="act_ship_tab_cargo"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_ship_tab"][value="ship-mods"] ~ button[name="act_ship_tab_mods"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_ship_tab"][value="ship-suites"] ~ button[name="act_ship_tab_suites"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_ship_tab"][value="ship-options"] ~ button[name="act_ship_tab_options"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row /*Whisper*/
        input[name="attr_whispertoggle"][value=""] ~ button[name="act_wtype_public"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_whispertoggle"][value*="gm"] ~ button[name="act_wtype_whisper"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row /*Advantages*/
        input[name="attr_advantagetoggle"]:not([value*="disadvantage"])[value*="advantage"] ~ button[name="act_adv_advantage"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_advantagetoggle"][value*="normal"] ~ button[name="act_adv_normal"],.ui-dialog .tab-content .charsheet /* Tab Switching */
    div.button-row input[name="attr_advantagetoggle"][value*="disadvantage"] ~ button[name="act_adv_disadvantage"] {
    background-color: #EC2127;
    color: white;
}

.ui-dialog .tab-content .charsheet div.triangle.button-row {
    display: none;
    padding: 0 0 0.5rem 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.ui-dialog .tab-content .charsheet div.triangle.button-row:has(input[name="attr_rtype"][value*="advantagetoggle"]),.ui-dialog .tab-content .charsheet div.triangle.button-row:has(input[name="attr_wtype"][value*="whispertoggle"]) {
    display: flex;
}

.ui-dialog .tab-content .charsheet /*PC TABS*/
    .tab.core,.ui-dialog .tab-content .charsheet .tab.bio,.ui-dialog .tab-content .charsheet .tab.powers,.ui-dialog .tab-content .charsheet .tab.options,.ui-dialog .tab-content .charsheet /*SHIP TABS*/
    .tab.ship-core,.ui-dialog .tab-content .charsheet .tab.ship-suites,.ui-dialog .tab-content .charsheet .tab.ship-cargo,.ui-dialog .tab-content .charsheet .tab.ship-mods,.ui-dialog .tab-content .charsheet /* NPC POWERS */
    .npc-powers {
    display: none;
}

.ui-dialog .tab-content .charsheet /*PC TAB SELECTED */
    input[name="attr_tab"][value="core"] ~ .tab.core,.ui-dialog .tab-content .charsheet input[name="attr_tab"][value="bio"] ~ .tab.bio,.ui-dialog .tab-content .charsheet input[name="attr_tab"][value="powers"] ~ .tab.powers,.ui-dialog .tab-content .charsheet input[name="attr_tab"][value="options"] ~ .tab.options,.ui-dialog .tab-content .charsheet /*SHIP TAB SELECTED */
    input[name="attr_ship_tab"][value="ship-core"] ~ .tab.ship-core,.ui-dialog .tab-content .charsheet input[name="attr_ship_tab"][value="ship-options"] ~ .tab.options,.ui-dialog .tab-content .charsheet input[name="attr_ship_tab"][value="ship-suites"] ~ .tab.ship-suites,.ui-dialog .tab-content .charsheet input[name="attr_ship_tab"][value="ship-cargo"] ~ .tab.ship-cargo,.ui-dialog .tab-content .charsheet input[name="attr_ship_tab"][value="ship-mods"] ~ .tab.ship-mods,.ui-dialog .tab-content .charsheet /*NPC POWERS SELECTED*/
    input[name="attr_npcpowercastingflag"][value="1"] ~ .npc-powers {
    display: flex;
    flex-direction: column;
}/* Switch between complex .ui-dialog .tab-content .charsheet simple data */
.equipment .complex,.ui-dialog .tab-content .charsheet .equipment .simple,.ui-dialog .tab-content .charsheet .proficiencies .complex,.ui-dialog .tab-content .charsheet .proficiencies .simple,.ui-dialog .tab-content .charsheet .traits .complex,.ui-dialog .tab-content .charsheet .traits .simple {
    display: none;
}

.ui-dialog .tab-content .charsheet .equipment .inventoryflag[value="complex"] ~ .complex,.ui-dialog .tab-content .charsheet .equipment .inventoryflag[value="simple"] ~ .simple,.ui-dialog .tab-content .charsheet .proficiencies .inventoryflag[value="complex"] ~ .complex,.ui-dialog .tab-content .charsheet .proficiencies .inventoryflag[value="simple"] ~ .simple,.ui-dialog .tab-content .charsheet .traits .inventoryflag[value="complex"] ~ .complex,.ui-dialog .tab-content .charsheet .traits .inventoryflag[value="simple"] ~ .simple {
    display: inline-block;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power .detail {
    display: none;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_detail-flag"],.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_detail-flag"] + span {
    position: absolute;
    top: 0;
    right: 20px;
    width: 18px;
    height: 18px;
    font-size: 20px;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_detail-flag"] {
    z-index: 5;
    opacity: 0;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_detail-flag"] + span {
    font-family: 'pictos';
    padding: 0;
    margin: 0;
    display: none;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_detail-flag"]:checked + span {
    display: block;
    color: black;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power input[name="attr_options-flag"]:not(:checked) ~ input[name="attr_detail-flag"]:checked ~ .detail {
    display: block;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power:hover input[name="attr_detail-flag"] + span {
    display: block;
    color: darkgray;
}

.ui-dialog .tab-content .charsheet /* Powers tooglable details */
    .powers .body .power:hover input[name="attr_detail-flag"]:checked + span {
    color: black;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .break-lang {
    white-space: break-spaces;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .hp .top input {
    width: 125px;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .powers .header .break-lang {
    font-size: 8.5px;
    margin-top: 0;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .insp-prof-container .break-lang {
    line-height: 15px;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .fixed-bottom-title {
    flex-direction: column;
    gap: 0;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .ship-cargo .hp .top input,/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .ship-mods .hp .top input,/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .ship-suites .hp .top input {
    width: 110px;
}/* Translation Overrides */
/* Spanish */
.ui-dialog .tab-content .charsheet.lang-es .attacks .top .lang-long {
    font-size: 7.5px;
}


/*Dark mode fix for sheet bg*/
.sheet-darkmode .sheetform {
    background: none !important;
}

.rolltemplates {
    display: none;
}

.sheet-rolltemplate-power .sheet-grey {
    color: #A0A0A0;
    font-weight: normal;
}

.sheet-rolltemplate-simple .sheet-container {
    width: 240px;
    color: black;
    border: 1px solid black;
    border-radius: 10px;
    background-color: white;
}

.sheet-rolltemplate-atk .sheet-container,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-atk,
.sheet-rolltemplate-dmg .sheet-atk {
    width: 240px;
    color: black;
    border: 1px solid black;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background-color: white;
}

.sheet-rolltemplate-dmg .sheet-container,
.sheet-rolltemplate-atkdmg .sheet-container.sheet-damagetemplate {
    width: 240px;
    color: black;
    border: 1px solid black;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: white;
}

.sheet-rolltemplate-simple .sheet-result,
.sheet-rolltemplate-atk .sheet-result,
.sheet-rolltemplate-atkdmg .sheet-result,
.sheet-rolltemplate-dmg .sheet-result,
.sheet-npc .sheet-subtitle .sheet-italics {
    width: 100%;
    display: flex
}

.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-result,
.sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-result {
    min-height: 45px;
}

.sheet-rolltemplate-simple .sheet-adv,
.sheet-rolltemplate-atk .sheet-adv,
.sheet-rolltemplate-atkdmg .sheet-adv,
.sheet-rolltemplate-dmg .sheet-adv {
    width: 119px;
    display: inline-block;
    text-align: center;
    vertical-align: top;
    margin-top: 15px;
}

.sheet-rolltemplate-simple .sheet-adv span,
.sheet-rolltemplate-simple .sheet-solo span,
.sheet-rolltemplate-atk .sheet-adv span,
.sheet-rolltemplate-atk .sheet-solo span,
.sheet-rolltemplate-atkdmg .sheet-adv span,
.sheet-rolltemplate-atkdmg .sheet-solo span,
.sheet-rolltemplate-dmg .sheet-adv span,
.sheet-rolltemplate-dmg .sheet-solo span {
    width: 30px;
    font-size: 20px;
    background-color: transparent;
    border: 0px;
    padding: 0px;
}

.sheet-rolltemplate-simple .sheet-advspacer,
.sheet-rolltemplate-atk .sheet-advspacer,
.sheet-rolltemplate-atkdmg .sheet-advspacer,
.sheet-rolltemplate-dmg .sheet-advspacer {
    width: 0px;
    border: 1px solid black;
    display: inline-block;
    height: 35px;
}

.sheet-rolltemplate-simple .sheet-solo,
.sheet-rolltemplate-atk .sheet-solo,
.sheet-rolltemplate-atkdmg .sheet-solo,
.sheet-rolltemplate-dmg .sheet-solo {
    width: 100%;
    text-align: center;
    height: 23px;
    padding-top: 15px;
}

.sheet-rolltemplate-simple span,
.sheet-rolltemplate-atk span,
.sheet-rolltemplate-atkdmg span,
.sheet-rolltemplate-dmg span,
.sheet-rolltemplate-desc span {
    font-size: 12px;
    line-height: 12px;
    text-align: center;
    font-weight: bold;
}

.sheet-rolltemplate-dmg .sheet-desc span.sheet-plus,
.sheet-rolltemplate-atkdmg .sheet-desc span.sheet-plus {
    font-weight: bold;
    font-size: 20px;
    display: inline;
}

.sheet-rolltemplate-simple .sheet-grey,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-simple .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-simple .sheet-label span span,
.sheet-rolltemplate-atk .sheet-label span span,
.sheet-rolltemplate-atk .sheet-grey,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-atk .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-label span span,
.sheet-rolltemplate-atkdmg .sheet-grey,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-label span span,
.sheet-rolltemplate-dmg .sheet-grey,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .sheet-grey,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .sheet-grey,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .sheet-grey .inlinerollresult.importantroll,
.sheet-rolltemplate-npcatk .sheet-grey,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.fullfail,
.sheet-rolltemplate-npcatk .sheet-grey .inlinerollresult.importantroll {
    color: #A0A0A0;
    border: 0px;
    font-weight: normal;
}

.sheet-rolltemplate-simple .sheet-label,
.sheet-rolltemplate-atk .sheet-label,
.sheet-rolltemplate-atkdmg .sheet-label,
.sheet-rolltemplate-dmg .sheet-label {
    text-align: center;
    margin-top: -3px;
    padding-bottom: 5px;
}

.sheet-rolltemplate-simple .sheet-label span span,
.sheet-rolltemplate-atk .sheet-label span span,
.sheet-rolltemplate-atkdmg .sheet-label span span,
.sheet-rolltemplate-dmg .sheet-label span span {
    padding: 0px;
    border: 0px;
    background-color: transparent;
    font-size: 12px;
}

.sheet-rolltemplate-simple .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .inlinerollresult.fullcrit {
    color: #3FB315;
    border: 0px;
}

.sheet-rolltemplate-simple .inlinerollresult.fullfail,
.sheet-rolltemplate-atk .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .inlinerollresult.fullfail {
    color: #B31515;
    border: 0px;
}

.sheet-rolltemplate-simple .inlinerollresult.importantroll,
.sheet-rolltemplate-atk .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .inlinerollresult.importantroll {
    color: #4A57ED;
    border: 0px;
}

.sheet-rolltemplate-atk .sheet-damage,
.sheet-rolltemplate-atkdmg .sheet-damage,
.sheet-rolltemplate-dmg .sheet-damage {
    text-align: center;
    margin-top: -5px;
}

.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-atkdmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.fullfail,
.sheet-rolltemplate-npcdmg .sheet-damagetemplate .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult.fullfail,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult.fullfail
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullcrit,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult.importantroll,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult.fullfail,
.sheet-rolltemplate-mancerroll .inlinerollresult.fullcrit,
.sheet-rolltemplate-mancerroll .inlinerollresult.importantroll,
.sheet-rolltemplate-mancerroll .inlinerollresult.fullfail {
    color: black;
    border: 0px;
}

.sheet-rolltemplate-atk .sheet-save .sheet-savedc,
.sheet-rolltemplate-dmg .sheet-save .sheet-savedc,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc {
    padding-bottom: 5px;
    text-align: center;
}

.sheet-rolltemplate-atk .sheet-save .sheet-savedc span,
.sheet-rolltemplate-dmg .sheet-save .sheet-savedc span,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-savedc span {
    font-size: 15px;
    font-weight: bold;
}

.sheet-rolltemplate-atk .sheet-save .sheet-label span,
.sheet-rolltemplate-dmg .sheet-save .sheet-label span,
.sheet-rolltemplate-atkdmg .sheet-save .sheet-label span {
    font-weight: bold;
}

.sheet-rolltemplate-atk .sheet-save .inlinerollresult,
.sheet-rolltemplate-dmg .sheet-save .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-save .inlinerollresult {
    background-color: transparent;
    border: 0px;
    padding: 0px;
    display: inline-block;
    font-weight: bold;
}

.sheet-rolltemplate-dmg .sheet-desc .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-desc .inlinerollresult,
.sheet-rolltemplate-atk .sheet-desc .inlinerollresult,
.sheet-rolltemplate-mancerroll .inlinerollresult {
    background-color: transparent;
    border: 0px;
    display: inline-block;
    font-weight: bold;
    font-size: 20px;
    padding-top: 10px;
    padding-bottom: 6px;
}

.sheet-rolltemplate-dmg .sheet-desc .sheet-label span,
.sheet-rolltemplate-atkdmg .sheet-desc .sheet-label span {
    font-weight: bold;
}

.sheet-rolltemplate-atk .sheet-save span,
.sheet-rolltemplate-dmg .sheet-save span,
.sheet-rolltemplate-atkdmg .sheet-save span {
    font-weight: normal;
    line-height: 12px;
    display: block;
}

.sheet-rolltemplate-atk .sheet-save span.sheet-bold,
.sheet-rolltemplate-dmg .sheet-save span.sheet-bold,
.sheet-rolltemplate-atkdmg .sheet-save span.sheet-bold {
    font-weight: bold;
    display: inline-block;
}

.sheet-rolltemplate-atk .sheet-sublabel,
.sheet-rolltemplate-atkdmg .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-sublabel {
    text-align: center;
    font-style: italic;
    margin-top: -2px;
    min-height: 17px;
}

.sheet-rolltemplate-atk .sheet-descold,
.sheet-rolltemplate-atkdmg .sheet-descold,
.sheet-rolltemplate-dmg .sheet-descold {
    width: 240px;
    background: url(http://i.imgur.com/4988JS0.png) top left;
    background-size: 240px 100%;
    background-repeat: no-repeat;
    color: black;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.sheet-rolltemplate-atk .sheet-desc,
.sheet-rolltemplate-atkdmg .sheet-desc,
.sheet-rolltemplate-dmg .sheet-desc,
.sheet-rolltemplate-desc .sheet-desc {
    width: 240px;
    border: 1px solid black;
    color: black;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: white;
}

.sheet-rolltemplate-atk .sheet-desc span,
.sheet-rolltemplate-atkdmg .sheet-desc span,
.sheet-rolltemplate-dmg .sheet-desc span,
.sheet-rolltemplate-desc .sheet-desc span {
    font-weight: normal;
    line-height: 12px;
    display: block;
}

.sheet-rolltemplate-atk .sheet-info span,
.sheet-rolltemplate-atkdmg .sheet-info span,
.sheet-rolltemplate-dmg .sheet-info span {
    text-align: left;
    padding: 0px 5px 0px 5px;
}

.sheet-rolltemplate-atk .sheet-info .inlinerollresult,
.sheet-rolltemplate-atkdmg .sheet-info .inlinerollresult,
.sheet-rolltemplate-dmg .sheet-info .inlinerollresult {
    font-size: inherit;
    padding: 0px;
}

.sheet-rolltemplate-atkdmg .sheet-damagetemplate .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-damagetemplate .sheet-sublabel,
.sheet-rolltemplate-atkdmg .sheet-desc .sheet-sublabel,
.sheet-rolltemplate-dmg .sheet-desc .sheet-sublabel {
    display: block;
    width: 100%;
    font-size: 10px;
    font-weight: normal;
    margin-top: -5px;
    color: #A0A0A0;
}

.sheet-rolltemplate-atk .sheet-sublabel span,
.sheet-rolltemplate-atkdmg .sheet-sublabel span,
.sheet-rolltemplate-dmg .sheet-sublabel span {
    font-weight: normal;
    color: black;
}

.sheet-rolltemplate-atk .sheet-spacer,
.sheet-rolltemplate-atkdmg .sheet-spacer,
.sheet-rolltemplate-dmg .sheet-spacer {
    height: 10px;
}

.sheet-rolltemplate-dmg {
    margin-top: -7px;
    position: relative;
}

.sheet-rolltemplate-atk a[href^="~"] {
    background-color: transparent;
    padding: 0px;
    color: black;
    border: 0px;
}

.sheet-rolltemplate-atk a:hover {
    color: #EC2127;
}

.sheet-rolltemplate-atk a[href^="~"]:visited {
    pointer-events: none;
}

.sheet-rolltemplate-power .sheet-container {
    width: 240px;
    background-color: #bdc8cc;
    color: black;
    font-family: "Times New Roman", Times, serif;
    padding: 10px;
    border: 1px solid black;
}

.sheet-rolltemplate-power .sheet-row {
    display: block;
}

.sheet-rolltemplate-power .sheet-title {
    color: rgb(126, 45, 64);
    font-size: 1.2em;
}

.sheet-rolltemplate-power .sheet-italics,
.sheet-npc .sheet-italics {
    font-style: italic;
}

.sheet-rolltemplate-power .sheet-bold,
.sheet-actions .sheet-bold {
    font-weight: bold;
}

.sheet-rolltemplate-power .sheet-spacer {
    height: 5px;
}

.sheet-rolltemplate-mancerroll .sheet-container {
    width: 200px;
    color: black;
    background-color: white;
    border: 1px solid black;
}

.sheet-rolltemplate-mancerroll .sheet-row {
    border-bottom: 1px dotted black;
    padding: 4px;
}

.sheet-rolltemplate-mancerroll .sheet-row.sheet-header {
    border-bottom: 1px solid black;
    font-size: 1.2em;
    font-weight: bold;
}

.sheet-rolltemplate-mancerroll .sheet-desc {
    font-size: 1.2em;
    font-style: italic;
    margin-left: 4px;
}

.sheet-rolltemplate-mancerroll .sheet-result {
    margin-left: 80px;
}

.sheet-rolltemplate-mancerroll .sheet-result .inlinerollresult {
    width: 50px;
    text-align: right;
}

.sheet-rolltemplate-npc,
.sheet-rolltemplate-npcaction .sheet-container,
.sheet-rolltemplate-npcatk,
.sheet-rolltemplate-npcdmg,
.sheet-rolltemplate-traits {
    width: 240px;
    border: 1px solid;
    background-color: #bdc8cc;
    padding: 5px;
}

.sheet-rolltemplate-npcaction .sheet-container.sheet-dmgcontainer {
    margin-top: 5px;
}

.sheet-rolltemplate-npcdmg {
    margin-top: -8px;
}

.sheet-rolltemplate-npc .sheet-header,
.sheet-rolltemplate-npcaction .sheet-header,
.sheet-rolltemplate-npcatk .sheet-header,
.sheet-rolltemplate-npcdmg .sheet-header {
    color: rgb(126, 45, 64);
    font-size: 18px;
    text-align: left;
    font-family: "Times New Roman", Times, serif;
    font-variant: small-caps;
}

.sheet-rolltemplate-traits .sheet-header {
    font-family: "Times New Roman", Times, serif;
    font-size: 16px;
    text-transform: capitalize;
    font-variant: small-caps;
    font-weight: bold;
    color: rgb(126, 45, 64);
}

.sheet-rolltemplate-npc .sheet-italics,
.sheet-rolltemplate-npcaction .sheet-italics,
.sheet-rolltemplate-npcatk .sheet-italics,
.sheet-rolltemplate-npcdmg .sheet-italics,
.sheet-rolltemplate-traits .sheet-italics {
    font-style: italic;
}

.sheet-rolltemplate-npc .sheet-subheader,
.sheet-rolltemplate-npcaction .sheet-subheader,
.sheet-rolltemplate-npcatk .sheet-subheader,
.sheet-rolltemplate-npcdmg .sheet-subheader {
    line-height: 13px;
    margin-top: -3px;
}

.sheet-rolltemplate-traits .sheet-subheader {
    font-style: italic;
    color: #A0A0A0;
    margin-top: -5px;
}

.sheet-rolltemplate-npc .sheet-subheader span,
.sheet-rolltemplate-npcaction .sheet-subheader span,
.sheet-rolltemplate-npcatk .sheet-subheader span,
.sheet-rolltemplate-npcdmg .sheet-subheader span {
    font-size: 11px;
    line-height: 11px;
}

.sheet-rolltemplate-traits .sheet-subheader span {
    font-weight: normal;
    font-size: 10px;
    text-align: left;
    line-height: 16px;
}

.sheet-rolltemplate-traits .sheet-desc {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    line-height: 16px;
}

.sheet-rolltemplate-npc .sheet-arrow-rightold,
.sheet-rolltemplate-npcaction .sheet-arrow-rightold,
.sheet-rolltemplate-npcatk .sheet-arrow-rightold,
.sheet-rolltemplate-npcdmg .sheet-arrow-rightold {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 195px solid rgb(126, 45, 64);
}

.sheet-rolltemplate-npc .sheet-arrow-right,
.sheet-rolltemplate-npcaction .sheet-arrow-right,
.sheet-rolltemplate-npcatk .sheet-arrow-right,
.sheet-rolltemplate-npcdmg .sheet-arrow-right {
    border: 1px solid rgb(126, 45, 64);
    margin-bottom: 2px;
    margin-top: 2px;
}

.sheet-rolltemplate-npc .inlinerollresult,
.sheet-rolltemplate-npcaction .inlinerollresult,
.sheet-rolltemplate-npcatk .inlinerollresult,
.sheet-rolltemplate-npcdmg .inlinerollresult,
.sheet-rolltemplate-traits .inlinerollresult {
    background-color: #bdc8cc;
    border: none;
}

.sheet-rolltemplate-npc .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcaction .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcatk .inlinerollresult.fullcrit,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullcrit {
    color: #3FB315;
    border: none;
}

.sheet-rolltemplate-npc .inlinerollresult.fullfail,
.sheet-rolltemplate-npcaction .inlinerollresult.fullfail,
.sheet-rolltemplate-npcatk .inlinerollresult.fullfail,
.sheet-rolltemplate-npcdmg .inlinerollresult.fullfail {
    color: #B31515;
    border: none;
}

.sheet-rolltemplate-npc .inlinerollresult.importantroll,
.sheet-rolltemplate-npcaction .inlinerollresult.importantroll,
.sheet-rolltemplate-npcatk .inlinerollresult.importantroll,
.sheet-rolltemplate-npcdmg .inlinerollresult.importantroll {
    color: #4A57ED;
    border: none;
}

.sheet-rolltemplate-npcatk a[href^="~"] {
    background-color: transparent;
    padding: 0px;
    color: black;
    border: 0px;
}

.sheet-rolltemplate-npcatk .sheet-header a[href^="~"] {
    color: rgb(126, 45, 64);
}

.sheet-rolltemplate-npcatk a[href^="~"]:hover {
    color: #EC2127;
}

.sheet-rolltemplate-simple .sheet-charname,
.sheet-rolltemplate-atk .sheet-charname,
.sheet-rolltemplate-dmg .sheet-charname,
.sheet-rolltemplate-atkdmg .sheet-charname {
    text-align: center;
    margin-top: -10px;
}

.sheet-rolltemplate-simple .sheet-charname span,
.sheet-rolltemplate-atk .sheet-charname span,
.sheet-rolltemplate-dmg .sheet-charname span,
.sheet-rolltemplate-atkdmg .sheet-charname span {
    font-size: 11px;
    font-weight: normal;
    color: #A0A0A0;
}

.sheet-rolltemplate-dmg .sheet-label .sheet-rolltemplate-inline,
.sheet-rolltemplate-dmg .sheet-savedc .sheet-rolltemplate-inline,
.sheet-rolltemplate-atkdmg .sheet-savedc .sheet-rolltemplate-inline,
.sheet-rolltemplate-atkdmg .sheet-label .sheet-rolltemplate-inline {
    display: inline-block;
}