.wrapper {
	background-color: antiquewhite;
	padding: 20px;
}

.ui-dialog .charsheet .rollButton button[type=action]:before {
    content: "t";
     font-family: "dicefontd20";
}

.ui-dialog .charsheet .equipment input {
    vertical-align: bottom;
}

summary{
    display:list-item;
    list-style-position: outside;
    margin-left: 10px;
}

/* Chrome, Safari, Edge, Opera */
input:disabled::-webkit-outer-spin-button,
input:disabled::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number]:disabled {
  -moz-appearance: textfield;
}

.subdetails {
    margin-left: 10px;
}

input[type="checkbox"] {
    margin-left: 10px;
}

/*Configure the tab buttons*/
.tabs {
    margin-left: 5px;
    width: 45%;
}

.pilot,
.mech,
.crawler,
.notes,
.settings
 {
    display: none;
    margin-top: 5px;
}

.marginleft {
    margin-left: 5%;
}

/* show the selected tab */
.tabstoggle[value="pilot"] ~ div.pilot,
.tabstoggle[value="mech"] ~ div.mech,
.tabstoggle[value="crawler"] ~ div.crawler,
.tabstoggle[value="notes"] ~ div.notes,
.tabstoggle[value="settings"] ~ div.settings
 {
    display: block;
}

.show-pilot:not(:checked) ~ button.pilot-button {
    display:none;
}
.show-pilot:checked ~ button.pilot-button {
}

.show-mech:not(:checked) ~ button.mech-button {
    display:none;
}
.show-mech:checked ~ button.mech-button {
}

.show-shield:not(:checked) ~ div.shield {
    display:none;
}
.show-shield:checked ~ div.shield {
}

.show-crawler:not(:checked) ~ button.crawler-button {
    display:none;
}
.show-crawler:checked ~ button.crawler-button {
}

.show-notes:not(:checked) ~ button.notes-button {
    display:none;
}
.show-notes:checked ~ button.notes-button {
}

.show-active:not(:checked) ~ input.active {
    display:none;
}
.show-active:checked ~ input.active {
}

.passiv-hide:checked ~ button.passiv-hide {
    display:none;
}
.passiv-hide:not(:checked) ~ button.passiv-hide {
}

/**
    sheet content
**/

.twocolumns {
    max-width: 45%;
    min-width: 35%;
}

.descValuePair {
    display: flex;
}

.textbutton {
	background: none;
	border: none;
	font-weight: bold;
	font-size: 1.2em;
	float: none;
	text-align: left;
	flex-basis: 100%;
	align-self: baseline;
}

.textbutton:hover {
	background: lightblue;
}

.checkboxSpacer {
    margin-right: 7%;
}

.wrapper textarea {
    padding: 5px;
    margin-left: 10px;
    width: 98%
}

.weapon {
    display: inline-flex;
}

.weapon > label {
    width: 200px;
}

h3 {
    margin-top: 2%;
}

.inventory {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.equipment {
    display: inline-flex;
    width: 100%;
    margin-bottom: 5px;
    align-items: center;
}

.equipment > label,
.equipment > summary > input[type="text"]
 {
    width: 22%;
}

.ui-dialog .charsheet input {
    height: 24px;
}


/* Setting sections */

label.settings-checkbox {
    width: fit-content;
    cursor: pointer;
}




.sheet-rolltemplate-roll table,
.sheet-rolltemplate-criticalinjury table,
.sheet-rolltemplate-criticaldamage table,
.sheet-rolltemplate-overload table,
.sheet-rolltemplate-weapon table{
    background-color:antiquewhite;
    border:1px solid #c1875d;
    text-align: middle;
    font-size: 1em;
    width: 100%;
    padding-right:5%;
}

.sheet-rolltemplate-roll table th,
.sheet-rolltemplate-criticalinjury table th,
.sheet-rolltemplate-criticaldamage table th,
.sheet-rolltemplate-overload table th,
.sheet-rolltemplate-weapon table th{
    background-color:antiquewhite;
    text-align:center;
    margin:0px;
    font-size:1em;
}

.sheet-rolltemplate-roll table td,
.sheet-rolltemplate-criticalinjury table td,
.sheet-rolltemplate-criticaldamage table td,
.sheet-rolltemplate-overload table td,
.sheet-rolltemplate-weapon table td{
    padding: 2px;
}

.sheet-rolltemplate-roll table .inlinerollresult,
.sheet-rolltemplate-criticalinjury table .inlinerollresult,
.sheet-rolltemplate-criticaldamage table .inlinerollresult,
.sheet-rolltemplate-overload table .inlinerollresult,
.sheet-rolltemplate-weapon table .inlinerollresult{
    border:none !important;
    background-color:inherit;
}

.sheet-rolltemplate-spacer{
    display:block;
    width:calc(100%+2px);
    border:1px solid #550000;
    vertical-align:top;
    margin:-1px -3px 0px -3px;
    padding:1px;
}

.sheet-rolltemplate-button-row {
	display: flex;
	margin-top: -3px;
	justify-content: center;
	align-content: center;
}

.sheet-rolltemplate-button a[href^="~"]{
    text-align: center;
    border-radius: 30px;
    color: #eebb99;
    background-color: black;
    padding-left: 10px;
    padding-right: 10px;
}