/* Templates Frame */
.sheet-rolltemplate-modulation-table,
.sheet-rolltemplate-fate-mutation-table,
.sheet-rolltemplate-ordinary-scene-table,
.sheet-rolltemplate-fumble-table,
.sheet-rolltemplate-event-table {
	width: 100%;
	max-width: 500px;
	display: table;
	table-layout: fixed;
	word-break: keep-all;
	text-align: center;
}

.sheet-rolltemplate-modulation-table .sheet-template-top,
.sheet-rolltemplate-fate-mutation-table .sheet-template-top,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-top,
.sheet-rolltemplate-fumble-table .sheet-template-top,
.sheet-rolltemplate-event-table .sheet-template-top {
	height: 25px;
	padding: 0px;
	margin: 0px;
	display: table-row;

}
.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-left,
.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-left,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-left,
.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-left,
.sheet-rolltemplate-event-table .sheet-template-top .sheet-left {
	width: 30px;
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_corner.png");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100px;
}
.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-center,
.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-center,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-center,
.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-center,
.sheet-rolltemplate-event-table .sheet-template-top .sheet-center {
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/thline.png");
	background-repeat: repeat-x;
	background-size: auto 40px;
	background-position: top;
}
.sheet-rolltemplate-modulation-table .sheet-template-top .sheet-right,
.sheet-rolltemplate-fate-mutation-table .sheet-template-top .sheet-right,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-top .sheet-right,
.sheet-rolltemplate-fumble-table .sheet-template-top .sheet-right,
.sheet-rolltemplate-event-table .sheet-template-top .sheet-right {
	width: 30px;
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_corner.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 100px;
}
.sheet-rolltemplate-modulation-table .sheet-template-middle,
.sheet-rolltemplate-fate-mutation-table .sheet-template-middle,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle,
.sheet-rolltemplate-fumble-table .sheet-template-middle,
.sheet-rolltemplate-event-table .sheet-template-middle {
	display: table-row;
}

.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-left,
.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-left,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-left,
.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-left,
.sheet-rolltemplate-event-table .sheet-template-middle .sheet-left {
	width: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_v_line.png");
	background-repeat: repeat-y;
	background-size: 45px auto;
	background-position: left;
}
.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-center,
.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-center,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-center,
.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-center,
.sheet-rolltemplate-event-table .sheet-template-middle .sheet-center {
	display: table-cell;
	background: white;
}
.sheet-rolltemplate-modulation-table .sheet-template-middle .sheet-right,
.sheet-rolltemplate-fate-mutation-table .sheet-template-middle .sheet-right,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-middle .sheet-right,
.sheet-rolltemplate-fumble-table .sheet-template-middle .sheet-right,
.sheet-rolltemplate-event-table .sheet-template-middle .sheet-right {
	width: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_v_line.png");
	background-repeat: repeat-y;
	background-size: 45px auto;
	background-position: right;
}

.sheet-rolltemplate-modulation-table .sheet-template-bottom,
.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom,
.sheet-rolltemplate-fumble-table .sheet-template-bottom,
.sheet-rolltemplate-event-table .sheet-template-bottom {
	height: 25px;
	display: table-row;
}

.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-left,
.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-left,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-left,
.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-left,
.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-left {
	width: 30px;
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_corner.png");
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100px;
}

.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-center,
.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-center,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-center,
.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-center,
.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-center {
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/thline.png");
	background-repeat: repeat-x;
	background-size: auto 40px;
	background-position: bottom;
}

.sheet-rolltemplate-modulation-table .sheet-template-bottom .sheet-right,
.sheet-rolltemplate-fate-mutation-table .sheet-template-bottom .sheet-right,
.sheet-rolltemplate-ordinary-scene-table .sheet-template-bottom .sheet-right,
.sheet-rolltemplate-fumble-table .sheet-template-bottom .sheet-right,
.sheet-rolltemplate-event-table .sheet-template-bottom .sheet-right {
	width: 30px;
	height: 25px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/t_corner.png");
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 100px;
}

/* asdfasdfasdfasdf */
/* asdfasdfasdfasdf */
/* asdfasdfasdfasdf */

.sheet-rolltemplate-Magic {
	width: 100%;
	max-width: 500px;
	display: table;
	table-layout: fixed;
	word-break: keep-all;
	text-align: center;
}

.sheet-rolltemplate-Magic .sheet-template-top {
	height: 30px;
	padding: 0px;
	margin: 0px;
	display: table-row;
}

.sheet-rolltemplate-Magic .sheet-template-top .sheet-left {
	width: 30px;
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_1_1.png");
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.sheet-rolltemplate-Magic .sheet-template-top .sheet-center {
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_1_2.png");
	background-repeat: repeat-x;
	background-size: auto 30px;
}

.sheet-rolltemplate-Magic .sheet-template-top .sheet-right {
	width: 30px;
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_1_3.png");
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.sheet-rolltemplate-Magic .sheet-template-middle {
	display: table-row;
}

.sheet-rolltemplate-Magic .sheet-template-middle .sheet-left {
	width: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_2_1.png");
	background-repeat: repeat-y;
	background-size: 30px auto;
}

.sheet-rolltemplate-Magic .sheet-template-middle .sheet-center {
	display: table-cell;
	background: white;
}

.sheet-rolltemplate-Magic .sheet-template-middle .sheet-right {
	width: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_2_3.png");
	background-repeat: repeat-y;
	background-size: 30px auto;
}

.sheet-rolltemplate-Magic .sheet-template-bottom {
	height: 30px;
	display: table-row;
}

.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-left {
	width: 30px;
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_3_1.png");
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-center {
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_3_2.png");
	background-repeat: repeat-x;
	background-size: auto 30px;
}

.sheet-rolltemplate-Magic .sheet-template-bottom .sheet-right {
	width: 30px;
	height: 30px;
	display: table-cell;
	background-image: url("https://raw.githubusercontent.com/Roll20/roll20-character-sheets/master/Magica_Logia/img/rt_3_3.png");
	background-repeat: no-repeat;
	background-size: 30px 30px;
}

.sheet-rolltemplate-Magic .sheet-divider,
.sheet-rolltemplate-modulation-table .sheet-divider,
.sheet-rolltemplate-fate-mutation-table .sheet-divider,
.sheet-rolltemplate-ordinary-scene-table .sheet-divider,
.sheet-rolltemplate-fumble-table .sheet-divider,
.sheet-rolltemplate-event-table .sheet-divider {

	height: 0px;
	border-bottom: 1px solid #999;
}

.sheet-rolltemplate-Magic .sheet-title,
.sheet-rolltemplate-modulation-table .sheet-title,
.sheet-rolltemplate-fate-mutation-table .sheet-title,
.sheet-rolltemplate-ordinary-scene-table .sheet-title,
.sheet-rolltemplate-fumble-table .sheet-title,
.sheet-rolltemplate-event-table .sheet-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #222222;
	padding-bottom: 7px;
	text-align: center;
}

.sheet-rolltemplate-Magic .sheet-subtitle,
.sheet-rolltemplate-modulation-table .sheet-subtitle,
.sheet-rolltemplate-fate-mutation-table .sheet-subtitle,
.sheet-rolltemplate-ordinary-scene-table .sheet-subtitle,
.sheet-rolltemplate-fumble-table .sheet-subtitle,
.sheet-rolltemplate-event-table .sheet-subtitle {
	text-align: center;
	font-size: 1.2em;
    text-align: center;
    color: #fff;
    background: #222;
    padding: 5px 20px;
	margin: 3px 0px;
}

.sheet-rolltemplate-Magic .sheet-desc,
.sheet-rolltemplate-Magic .sheet-desc .inlinerollresult,
.sheet-rolltemplate-modulation-table .sheet-desc,
.sheet-rolltemplate-fate-mutation-table .sheet-desc,
.sheet-rolltemplate-ordinary-scene-table .sheet-desc,
.sheet-rolltemplate-fumble-table .sheet-desc,
.sheet-rolltemplate-event-table .sheet-desc {
	background-color: transparent;
	border: 0px;
	font-size: 13px;
	padding-top: 10px;
	font-weight: normal;
	color: #404040;
}
.sheet-rolltemplate-modulation-table .sheet-desc .inlinerollresult,
.sheet-rolltemplate-fate-mutation-table .sheet-desc .inlinerollresult,
.sheet-rolltemplate-ordinary-scene-table .sheet-desc .inlinerollresult,
.sheet-rolltemplate-fumble-table .sheet-desc .inlinerollresult,
.sheet-rolltemplate-event-table .sheet-desc .inlinerollresult {
	background-color: transparent;
	border: 0px;
}

.sheet-rolltemplate-Magic .sheet-skillname {
	text-align: center;
	font-size: 1.2em;
	font-family: ', serif;
    text-align: center;
    color: #222;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
    padding: 5px 20px;
	margin: 3px 0px;
}

.sheet-rolltemplate-Magic .sheet-recite {
	font-size: 13px;
	font-family: 'Noto Serif KR', serif;
	padding: 20px 15px;
	margin-top: 10px;
    background: #f8f8f8;
}

.sheet-rolltemplate-Magic .sheet-recite .inlinerollresult {
	font-size: 13px;
}

.sheet-rolltemplate-Magic .sheet-target {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 3px;
	font-size: 0.95em;
	font-weight: bold;
}
.sheet-rolltemplate-Magic .sheet-spec {
	padding-top: 7px;
}
.sheet-rolltemplate-Magic .sheet-spec span {
	font-size: 0.9em;
}

.sheet-rolltemplate-Magic .sheet-random {
	display: grid;
	grid-template-columns: 1fr;
    border: 1px dotted #999;
    padding: 3px;
    margin: 10px;
	margin-top: 15px;
	text-decoration: none;
}
.sheet-rolltemplate-Magic .sheet-random.sheet-button {
    border: 3px double #999;
    background: #fafafa;
}

.sheet-rolltemplate-Magic .sheet-random.sheet-button:hover {
	background: #eeeeee;
	color: #dc143c;
	cursor: pointer;
}

.sheet-rolltemplate-Magic .sheet-random a,
.sheet-rolltemplate-Magic .sheet-random div {
   grid-row-start: 1;
   grid-column-start: 1;
   padding: 5px;
   z-index: 49;
}

.sheet-rolltemplate-Magic .sheet-random a {
	display: block;
    text-align: center;
	background-color: transparent;
	color: transparent;
	border: 0px;
	z-index: 50;
}

.sheet-rolltemplate-Magic .sheet-random span {
	display: block;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px;
}

.sheet-rolltemplate-Magic .sheet-random .sheet-area {
	font-size: 1em;
    margin: 0px;
    font-weight: normal;
	color: #444;
}

/* ===== ROLL TEMPLATES ===== */
.sheet-rolltemplate-Magic,
.sheet-rolltemplate-npc {font-family: sans-serif;}

/* API buttons */
/*.sheet-rolltemplate-Magic a[href^="~"] {
    background-color: transparent;
    padding: 0px 0px 0px 0px;
    color: #182C4A;
    display: inline-block;
    border: none;
    text-align: left;
    font-family: sans-serif;
    font-size: 0.95em;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
    font-weight: bold;
}*/
.sheet-rolltemplate-Magic a:hover {color: #BE202E;}

/* Rolls */
.sheet-rolltemplate-Magic .inlinerollresult,
.sheet-rolltemplate-npc .inlinerollresult {
    background-color: transparent;
    border: none;
    padding: 0px 0px;
    font-weight: bold;
    cursor: help;
    font-size: 1.25em;
    padding: 2px;
}
.sheet-rolltemplate-Magic .inlinerollresult {color: #000;}

.sheet-rolltemplate-Magic .sheet-mdl,
.sheet-rolltemplate-Magic .sheet-mdl span {
	vertical-align: middle;
    display: inline-block;
    padding-top: 1px;
    font-size: 1.06em;
}

.sheet-rolltemplate-Magic .sheet-resright .inlinerollresult,
.sheet-rolltemplate-npc .sheet-bigres .inlinerollresult {
    font-size: 1.6em;
    line-height: 1.45em;
}
.sheet-rolltemplate-Magic .success,
.sheet-rolltemplate-npc .success {
    color: #247305;
}
.sheet-rolltemplate-Magic .failure,
.sheet-rolltemplate-npc .failure {
    color: #BE202E;
}
.sheet-rolltemplate-Magic .inlinerollresult.fullcrit,
.sheet-rolltemplate-npc .inlinerollresult.fullcrit {
    border: none;
    color: #247305;
}
.sheet-rolltemplate-Magic .inlinerollresult.importantroll,
.sheet-rolltemplate-npc .inlinerollresult.importantroll {
    border: none;
    color: #4A57ED;
}
.sheet-rolltemplate-Magic .inlinerollresult.fullfail,
.sheet-rolltemplate-npc .inlinerollresult.fullfail {
    border: none;
    color: #BE202E;
}

/* classes */
.sheet-rolltemplate-Magic div,
.sheet-rolltemplate-Magic span,
.sheet-rolltemplate-Magic img,
.sheet-rolltemplate-npc div,
.sheet-rolltemplate-npc span,
.sheet-rolltemplate-npc img {
    box-sizing: border-box;
}
.sheet-rolltemplate-Magic div,
.sheet-rolltemplate-npc div {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-Magic img,
.sheet-rolltemplate-npc img {
    margin: 0px;
    padding: 0px;
}
.sheet-rolltemplate-Magic .sheet-center,
.sheet-rolltemplate-npc .sheet-center {text-align: center;}
.sheet-rolltemplate-Magic .sheet-right,
.sheet-rolltemplate-npc .sheet-right {text-align: right;}
.sheet-rolltemplate-Magic .sheet-ital,
.sheet-rolltemplate-npc .sheet-ital {font-style: italic;}
.sheet-rolltemplate-Magic .sheet-inl,
.sheet-rolltemplate-npc .sheet-inl {display: inline;}
.sheet-rolltemplate-Magic .sheet-bold,
.sheet-rolltemplate-npc .sheet-bold {font-weight: bold;}
.sheet-rolltemplate-Magic .sheet-vtop,
.sheet-rolltemplate-npc .sheet-vtop {vertical-align: top;}

.sheet-rolltemplate-Magic .sheet-myrow,
.sheet-rolltemplate-npc .sheet-myrow {
    padding: 5px;
	border:1px solid #182C4A;
	border-top:0px;
	border-bottom:0px;
	background:#fff;
}
.sheet-rolltemplate-Magic .sheet-vtop + .sheet-myrow {background: linear-gradient(to left,white,#D8DBE6);}
.sheet-rolltemplate-npc .sheet-bordered .sheet-myrow:nth-child(even) {background: linear-gradient(to left,#c3996b7a,white);}


.sheet-rolltemplate-Magic span.sheet-notes,
.sheet-rolltemplate-npc span.sheet-notes {
    font-family: sans-serif;
    font-size: 0.9em;
    color: black;
}

.sheet-rolltemplate-Magic .sheet-lbl,
.sheet-rolltemplate-npc .sheet-lbl {
    text-align: left;
    line-height: 1em;
    text-transform: capitalize;
    white-space: pre;
}

.sheet-rolltemplate-Magic .sheet-bordered,
.sheet-rolltemplate-npc .sheet-bordered {
	border-bottom:1px solid #182C4A;
    text-align: left;
    vertical-align: top;
    position: relative;
}

/* ICONS */
.sheet-rolltemplate-Magic .sheet-icon,
.sheet-rolltemplate-npc .sheet-icon {
    position: absolute;
    top: 6px;
    left: -40px;
    width: 40px;
    text-align: center;
}
.sheet-rolltemplate-Magic .img {padding-bottom:10px;}
.sheet-rolltemplate-Magic .img img,
.sheet-rolltemplate-npc .img img {display:block; margin:0 auto;}

.element-to-determine-style-A3[value='1'] ~ div .element-to-style-A3,
.element-to-determine-style-B3[value='1'] ~ div .element-to-style-B3,
.element-to-determine-style-C3[value='1'] ~ div .element-to-style-C3,
.element-to-determine-style-D3[value='1'] ~ div .element-to-style-D3,
.element-to-determine-style-E3[value='1'] ~ div .element-to-style-E3,
.element-to-determine-style-F3[value='1'] ~ div .element-to-style-F3,
.element-to-determine-style-A5[value='1'] ~ div .element-to-style-A5,
.element-to-determine-style-B5[value='1'] ~ div .element-to-style-B5,
.element-to-determine-style-C5[value='1'] ~ div .element-to-style-C5,
.element-to-determine-style-D5[value='1'] ~ div .element-to-style-D5,
.element-to-determine-style-E5[value='1'] ~ div .element-to-style-E5,
.element-to-determine-style-F5[value='1'] ~ div .element-to-style-F5,
.element-to-determine-style-A7[value='1'] ~ div .element-to-style-A7,
.element-to-determine-style-B7[value='1'] ~ div .element-to-style-B7,
.element-to-determine-style-C7[value='1'] ~ div .element-to-style-C7,
.element-to-determine-style-D7[value='1'] ~ div .element-to-style-D7,
.element-to-determine-style-E7[value='1'] ~ div .element-to-style-E7,
.element-to-determine-style-F7[value='1'] ~ div .element-to-style-F7,
.element-to-determine-style-A9[value='1'] ~ div .element-to-style-A9,
.element-to-determine-style-B9[value='1'] ~ div .element-to-style-B9,
.element-to-determine-style-C9[value='1'] ~ div .element-to-style-C9,
.element-to-determine-style-D9[value='1'] ~ div .element-to-style-D9,
.element-to-determine-style-E9[value='1'] ~ div .element-to-style-E9,
.element-to-determine-style-F9[value='1'] ~ div .element-to-style-F9,
.element-to-determine-style-A11[value='1'] ~ div .element-to-style-A11,
.element-to-determine-style-B11[value='1'] ~ div .element-to-style-B11,
.element-to-determine-style-C11[value='1'] ~ div .element-to-style-C11,
.element-to-determine-style-D11[value='1'] ~ div .element-to-style-D11,
.element-to-determine-style-E11[value='1'] ~ div .element-to-style-E11,
.element-to-determine-style-F11[value='1'] ~ div .element-to-style-F11 {
	background-color: transparent;
	color:white;
}

.element-to-determine-style-A2[value='1'] ~ div .element-to-style-A2,
.element-to-determine-style-B2[value='1'] ~ div .element-to-style-B2,
.element-to-determine-style-C2[value='1'] ~ div .element-to-style-C2,
.element-to-determine-style-D2[value='1'] ~ div .element-to-style-D2,
.element-to-determine-style-E2[value='1'] ~ div .element-to-style-E2,
.element-to-determine-style-F2[value='1'] ~ div .element-to-style-F2,
.element-to-determine-style-A4[value='1'] ~ div .element-to-style-A4,
.element-to-determine-style-B4[value='1'] ~ div .element-to-style-B4,
.element-to-determine-style-C4[value='1'] ~ div .element-to-style-C4,
.element-to-determine-style-D4[value='1'] ~ div .element-to-style-D4,
.element-to-determine-style-E4[value='1'] ~ div .element-to-style-E4,
.element-to-determine-style-F4[value='1'] ~ div .element-to-style-F4,
.element-to-determine-style-A6[value='1'] ~ div .element-to-style-A6,
.element-to-determine-style-B6[value='1'] ~ div .element-to-style-B6,
.element-to-determine-style-C6[value='1'] ~ div .element-to-style-C6,
.element-to-determine-style-D6[value='1'] ~ div .element-to-style-D6,
.element-to-determine-style-E6[value='1'] ~ div .element-to-style-E6,
.element-to-determine-style-F6[value='1'] ~ div .element-to-style-F6,
.element-to-determine-style-A8[value='1'] ~ div .element-to-style-A8,
.element-to-determine-style-B8[value='1'] ~ div .element-to-style-B8,
.element-to-determine-style-C8[value='1'] ~ div .element-to-style-C8,
.element-to-determine-style-D8[value='1'] ~ div .element-to-style-D8,
.element-to-determine-style-E8[value='1'] ~ div .element-to-style-E8,
.element-to-determine-style-F8[value='1'] ~ div .element-to-style-F8,
.element-to-determine-style-A10[value='1'] ~ div .element-to-style-A10,
.element-to-determine-style-B10[value='1'] ~ div .element-to-style-B10,
.element-to-determine-style-C10[value='1'] ~ div .element-to-style-C10,
.element-to-determine-style-D10[value='1'] ~ div .element-to-style-D10,
.element-to-determine-style-E10[value='1'] ~ div .element-to-style-E10,
.element-to-determine-style-F10[value='1'] ~ div .element-to-style-F10,
.element-to-determine-style-A12[value='1'] ~ div .element-to-style-A12,
.element-to-determine-style-B12[value='1'] ~ div .element-to-style-B12,
.element-to-determine-style-C12[value='1'] ~ div .element-to-style-C12,
.element-to-determine-style-D12[value='1'] ~ div .element-to-style-D12,
.element-to-determine-style-E12[value='1'] ~ div .element-to-style-E12,
.element-to-determine-style-F12[value='1'] ~ div .element-to-style-F12,
.element-to-determine-style-MuLian[value='1'] ~ div .element-to-style-MuLian,
.element-to-determine-style-MuoChie[value='1'] ~ div .element-to-style-MuoChie,
.element-to-determine-style-Soul[value='1'] ~ div .element-to-style-Soul {
  background-color: transparent;
  color:white;
}

.element-to-determine-style-A[value='1'] ~ div .element-to-style-A,
.element-to-determine-style-B[value='1'] ~ div .element-to-style-B,
.element-to-determine-style-C[value='1'] ~ div .element-to-style-C,
.element-to-determine-style-D[value='1'] ~ div .element-to-style-D,
.element-to-determine-style-E[value='1'] ~ div .element-to-style-E,
.element-to-determine-style-Z[value='1'] ~ div .element-to-style-Z{
  background-color: black;

}

.spell-table .inner  {background: #333333;}
.select-color[value="1"] ~ .spell-table .inner {background: #999999;}
.select-color[value="2"] ~ .spell-table .inner {background: #4492b0;}
.select-color[value="3"] ~ .spell-table .inner {background: #7d0c02;}
.select-color[value="4"] ~ .spell-table .inner {background: #b2a7d3;}
.select-color[value="5"] ~ .spell-table .inner {background: #8ab2fe;}
.select-color[value="6"] ~ .spell-table .inner {background: #5584e3;}
.select-color[value="7"] ~ .spell-table .inner {background: #203581;}
.select-color[value="8"] ~ .spell-table .inner {background: #1e1f54;}
.select-color[value="9"] ~ .spell-table .inner {background: #d8ad2b;}
.select-color[value="10"] ~ .spell-table .inner {background: #e3bf95;}
.select-color[value="11"] ~ .spell-table .inner {background: #897050;}
.select-color[value="12"] ~ .spell-table .inner {background: #473a2a;}
.select-color[value="13"] ~ .spell-table .inner {background: #9ece8b;}
.select-color[value="14"] ~ .spell-table .inner {background: #516948;}
.select-color[value="15"] ~ .spell-table .inner {background: #7fb550;}
.select-color[value="16"] ~ .spell-table .inner {background: #7f57a5;}
.select-color[value="17"] ~ .spell-table .inner {background: #ff869a;}

.color-item {text-align:center;margin:5px;}
.color-item label {width:30px;height:20px;margin-bottom:0px;}
.color-item input {}

.sheet-rolltemplate-Magic .blacklabel .big,
.sheet-rolltemplate-npc .big {display:block; font-size:12px; padding:0 0 5px; text-align:center; font-weight:normal; border-bottom:1px solid rgba(255,255,255,.3); margin-bottom:5px;}
.sheet-rolltemplate-npc .big {color: #3C2517;}

.sheet-rolltemplate-Magic .sheet-resright,
.sheet-rolltemplate-npc .sheet-resright {
    display: block;
	text-align:center;
    border-top: 0px;
    border-bottom: 0px;
	background:#fff;
    clear: both;
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 1.0em;
	padding: 10px;
}

/* -------------------------------------------------------------------------- */

button[type=roll].old-roll,
button[type=action].old-roll {
  color: #BEBEBE;
  background-color: #BEBEBE;
  font-weight: bold;
  text-align:center;
  width: 20px;
  height: 20px;
  margin: 0.0 !important;
  padding: 0.0em !important;
  border: 1px solid black;
  border-radius: 5px;
  font-size: 13pt;
}

button[type=action].old-roll::before {
	font-family: "dicefontd20";
    content: "t";
}