@font-face {
    font-family: "LifeCraft";
    src: url("/fonts/lifecraft.ttf");
}
@keyframes rotation {
	100% {transform: rotate(360deg);}
}
html{
	min-height: 100% !important;
	scroll-behavior: smooth;
}
body{
	position: relative;
	min-width: 700px;
	background-color: #191922;
	margin: 0px;
	text-align: center;
	font-family: "Quicksand", sans-serif !important;
	font-weight: normal !important;
	font-size: 130% !important;
	color: white !important;
	overflow-x: hidden;
	background-image: url("images/wallpaper.png");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 100%;
	background-attachment: fixed;
	height: 100%;
	scrollbar-gutter: stable; 
}
.east_asian_glyphs{
	font-size: 70% !important;
}
#header{
	z-index: 1;
	position: relative;
}
#diagonal_background{
	width: 100%;
	height: 100%;
	position: fixed;
	background: linear-gradient(170deg, #282833 0%, #282833 60%, #191922 60%, #19192255 75%, #19192255 100%) !important;
	z-index: 0;
}
#back_to_top{
	font-size: 100%;
	font-family: "Quicksand", sans-serif;
	position: fixed;
	right: 85px;
	bottom: 60px;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 3px solid #888899;
	background-color: #444444;
	opacity: 0;
	transition: opacity 0.2s ease-in-out, right 1s ease-in-out;
	pointer-events: none;
	z-index: 10;
	transform: translateX(50%);
}
#back_to_top svg{
	width: 100%;
	height: 100%;
	fill: white;
	transform: scaleY(-1);
}
#back_to_top:hover{
	background-color: #888899 !important;
	cursor: pointer;
}
#back_to_top:hover:after{
	white-space: nowrap;
	content: "Back To Top";
	width: auto;
	font-weight: bold;
	font-size: 75%;
	background-color: #444444;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	position: absolute;
	color: white;
	bottom: 20%;
	right: 125%;
}
table.dataTable.cell-border tbody tr th:first-child, table.dataTable.cell-border tbody tr td:first-child{
	border: 0;
}
#logo{
	min-width: 700px;
	width: 50%;
	margin: 8% 0;
}
.dtrg-group th{
	border-top: 0px solid #000000 !important;
	background-color: #555566 !important;
	text-align: center !important;
	font-size: 150%;
	font-weight: normal !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control{
	padding-left: 50px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before{
	border: 2px solid white;
	background-color: #00000000;
	margin-top: -15px;
}

table{
	width:  100% !important;
	text-align: left;
	position: relative;
	border-bottom: 0px solid black !important;
}
thead{
	background-color: #444455;
}
thead tr th{
	text-align: left !important;
	font-weight: normal !important;

}
.dataTables_info{
	width:  100%;
	background-color: #444455;
	padding-bottom: 15px;
	text-align: center;
	float: right !important;
	color: white !important;
	border-radius: 0px 0px 5px 5px;
}
.dataTables_info:after{
	content: "Updated for 11.0.2";
	position: absolute;
	right: 15px;
}
.dataTables_empty{
	background-color: #333344;
}
input{
	font-family: "Quicksand", sans-serif !important;
	font-size: 100% !important;
	border: 0px solid black !important;
	border-radius: 0px !important;
	background: #555566 !important;
}
input:focus{
	outline: none;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    transition: all 0s 50000s;
}
select, select:focus{
	outline: none;
}
.dataTables_wrapper{
	margin-bottom: 60px;
	text-align: left !important;
}
.dataTables_filter div form button:hover, select:hover, #search:hover{
	background-color: #888899 !important;
	cursor: pointer;
}
.dataTables_filter{
	margin-bottom: 0px !important;
	text-align: left !important;
	float: none !important;
	position: relative;
	overflow: hidden;
}
#char_wrapper{
	float: left;
	width: 80%;
	position: relative;
}
#char_wrapper p{
	float:right;
	margin: 0;
	line-height: 48px;
	color: white;
}
#char_wrapper form{
	float: left;
	width: 50%;
}
#char_wrapper form select{
	float: left;
	background-color: #555566;
	padding: 10px;
}
#char_wrapper form select option{
	width: 30% !important;
}
#char_wrapper form select#realm{
	width: 37%;
}
#char_wrapper form select#region{
	width: 18%;
	border-radius: 5px 0px 0px 5px !important;
}
#char_wrapper form input{
	float: left;
	margin-left: 0px !important;
	width:  37%;
	padding: 10px;
}
#char_wrapper form img#checkmark_yes, #char_wrapper form img#checkmark_no, #char_wrapper form img#checkmark_load{
	pointer-events: none ;
	height: 48px;
	color: white;
	position: absolute;
	margin-left: 1%;
	opacity: 0;
	transition: opacity 0.2s;
}
#char_wrapper form img#checkmark_load{
	transition: opacity 0.2s;
	animation: 1s ease infinite rotation;
}
#char_wrapper form button{
	float: left;
	width: 5%;
	margin-left: 0px;
	background-color: #555566 !important;
	border-radius: 0px 5px 5px 0px;
}
#char_wrapper button, #char_wrapper input, #char_wrapper select, .dataTables_filter label input{
	height: 48px;
}
.dataTables_filter label{
	position: relative;
	float: right;
	width:  20%;
}
.dataTables_filter label input{
	width:  100%;
	padding: 10px !important;
	margin-left: 0px !important;
	border-radius: 5px 5px 5px 5px !important;
}
.dataTables_filter label input.no_round{
	border-radius: 0px 5px 5px 0px !important; /*For when character has been found */
}
table.dataTable.cell-border tbody td {
  border-top: 0px solid #323243;
  border-right:0px solid #323243;
  position:  relative !important;
}
.sorting_disabled, .sorting{
	cursor: auto !important;
}
select{
	border: 0px solid white !important;
	font-family: "Quicksand", sans-serif !important;
	font-size: 100% !important;
	border-radius: 0px !important;
}
table.dataTable thead tr th {
	border:  0px;
}
a{
	color: white;
	text-decoration: none;
}
h1{
	font-family: "LifeCraft";
	font-size: 900%;
	margin: 8% 0px 0% 0px;
	text-decoration: underline;
	font-weight: normal;
}
h2{
	font-size: 290%;
	font-family: "Montserrat";
	letter-spacing: 38px;
	padding-left: 38px;
	margin: -2.1% 0px 8% 0px;
}
h3{
	text-align: center;
}
.vanilla,
.vanilla div,
.vanilla td > a:hover, .vanilla td > p:hover{
	background-color: #166D7E !important;
}
.burning, .hunter,
.burning div, .hunter div,
.burning td > a:hover, .burning td > p:hover,
.hunter td > a:hover, .hunter td > p:hover{
	background-color: #5B6F53 !important;
}
.wrath, .mage, tr.alliance,
.wrath div, .mage div, tr.alliance div,
.wrath td > a:hover, .wrath td > p:hover,
.mage td > a:hover, .mage td > p:hover,
tr.alliance td > a:hover, tr.alliance td > p:hover{
	background-color: #566B8A !important;
}
.cataclysm, .winter, .death, tr.horde,
.cataclysm div, .winter div, .death div, tr.horde div,
.cataclysm td > a:hover, .cataclysm td > p:hover,
.winter td > a:hover, .winter td > p:hover,
.death td > a:hover, .death td > p:hover,
tr.horde td > a:hover, tr.horde td > p:hover{
	background-color: #8B432A !important;
}
.pandaria, .monk,
.pandaria div, .monk div,
.pandaria td > a:hover, .pandaria td > p:hover,
.monk td > a:hover, .monk td > p:hover{
	background-color: #307C66 !important;
}
.draenor,
.draenor div,
.draenor td > a:hover, .draenor td > p:hover{
	background-color: #744F18 !important;
}
.legion,
.legion div,
.legion td > a:hover, .legion td > p:hover{
	background-color: #6A7F39 !important;
}
.battle, .shaman,
.battle div, .shaman div,
.battle td > a:hover, .battle td > p:hover,
.shaman td > a:hover, .shaman td > p:hover{
	background-color: #356982 !important;
}
.shadowlands,
.shadowlands div,
.shadowlands td > a:hover, .shadowlands td > p:hover{
	background-color: #9b8c96 !important;
}
.dragonflight,
.dragonflight div,
.dragonflight td > a:hover, .dragonflight td > p:hover{
	background-color: #396449 !important;
}
.within,
.within div,
.within td > a:hover, .within td > p:hover{
	background-color: #9c4e21 !important;
}
.noblegarden, .priest,
.noblegarden div, .priest div,
.noblegarden td > a:hover, .noblegarden td > p:hover,
.priest td > a:hover, .priest td > p:hover{
	background-color: #929292 !important;
}
.love, .paladin,
.love div, .paladin div,
.love td > a:hover, .love td > p:hover,
.paladin td > a:hover, .paladin td > p:hover{
	background-color: #976880 !important;
}
.brewfest, .warrior,
.brewfest div, .warrior div,
.brewfest td > a:hover, .brewfest td > p:hover,
.warrior td > a:hover, .warrior td > p:hover{
	background-color: #8E551A !important;
}
.hallows, .rogue, tr.neutral, .miscellaneous, 
.hallows div, .rogue div, tr.neutral div, .miscellaneous div,
.hallows td > a:hover, .hallows td > p:hover,
.rogue td > a:hover, .rogue td > p:hover,
tr.neutral td > a:hover, tr.neutral td > p:hover,
.miscellaneous td > a:hover, .miscellaneous td > p:hover{
	background-color: #957616 !important;
}
.darkmoon, .warlock, .gladiator, 
.darkmoon div, .warlock div, .gladiator div,
.darkmoon td > a:hover, .darkmoon td > p:hover,
.warlock td > a:hover, .warlock td > p:hover,
.gladiator td > a:hover, .gladiator td > p:hover{
	background-color: #746898 !important;
}
/* These two need to be last so odd/even overrides rest */
.demon, .brawlers, 
.demon div, .brawlers div,
.demon td > a:hover, .demon td > p:hover,
.brawlers td > a:hover, .brawlers td > p:hover,
.even_span,
.even_span div.mount_image,
.even_span td > a:hover, .even_span td > p:hover{
	background-color: #524672 !important;
}
.timewalking, .honor, 
.timewalking div, .honor div,
.timewalking td > a:hover, .timewalking td > p:hover,
.honor td > a:hover, .honor td > p:hover,
.odd_span,
.odd_span div.mount_image,
.odd_span td > a:hover, .odd_span td > p:hover{
	background-color: #446C74 !important;
}
.even:after{
	background-image: linear-gradient(90deg, #00000000, #FFFFFF0F);
	position: absolute;
	left: 65%;
	width: 35%;
	height: 100%;
	max-height: 52px;
	pointer-events: none;
	content: "";
	z-index: 2;
}
tr{
	position: relative;
}
td{
	max-width: 0;
}
td > a, td > p{
	position: relative;
	margin: 0;
	max-width: 85%;
	display: inline-block;
	white-space: nowrap;
	overflow-x: hidden;
	overflow-y: hidden;
	text-overflow: ellipsis;
	margin-top: 3px;
	transition: max-width 0.1s ease-in-out;
	padding-right: 8px;
	z-index: 2;
	border-radius: 0px 3px 3px 0px;
}
td > a:hover, td > p:hover{
	max-width: 150%;
	overflow-x: clip;
}
#center{
	margin: auto;
	/*overflow-x: hidden;*/
	width: 1250px;
}
footer{
	max-width: 970px;
	margin: auto;
	text-align: justify;
	text-align-last: center;
	margin-bottom: 50px;
	font-size: 90%;
	position: relative;
	z-index: 1;
}
label{
	color:  white !important;
}
input, select, button{
	border: 0px solid #aaa;
	border-radius: 0px;
	padding: 5px;
	background-color: transparent;
	color: white !important;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
option{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
input#sort_usable{
	width: 34px;
	height: 34px !important;
	margin: 7px 10px 7px 7px;
	float: right;
}
input[type="checkbox"]{
	cursor: pointer;
	-webkit-appearance: none;
  appearance: none;
  border-radius: 5px !important;
  display: grid;
  place-content: center;
}
input[type="checkbox"]:before {
  content: "";
  border-radius: 3px;
  width: 28px;
  height: 28px;
  background-color: #444455;
  transition: 120ms transform ease-in-out;
}
input[type="checkbox"]:checked:before {
  background-color: #444455;
  background-image: url("images/yes.png");
  background-size:100%;
}
select#sort_collected{
	width: 20%;
	margin-right: 0px;
	float: right;
	padding: 10px;
	position: relative;
	background-color: #555566;
	border-radius: 5px 0px 0px 5px !important;
}
select.sort_type{
	width:  100%;
	background-color: #555566;
	margin-top: 10px;
	font-size: 200% !important;
	text-align: center !important;
	text-align-last: center;
	padding-left: 1.5%;
	border-radius: 5px 5px 0px 0px !important;
}
select.sort_type option{
	font-size: 50% !important;
}
/* Remove sorting arrows from first column. orderable: false; in JS doesn't work when rowsGroup extension is used and orders for you by merging cells etc */
th.sorting:before, th.sorting:after, th.sorting_disabled:before, th.sorting_disabled:after{ 
	content: "" !important;
}
td:nth-child(2){
	z-index: 4;
}
.uncollected td:nth-child(3) a{
	color: #ffcccc !important;
	text-decoration: line-through solid 1px;
}
.collected td:nth-child(3) a{
	color: #ccffcc !important;
}
td:nth-child(3) > div.mount_image{
	display: none;
	pointer-events: none;
	width: 200px;
	height: 200px;
	background-size: 90%;
	background-repeat: no-repeat;
	background-position: 30% 30%;
	position: fixed;
	z-index: 7;
	border-radius: 5% 35% 50% 50%;
	border: 2px solid white;
	transform: translate(15px, 15px);
	overflow: hidden;
	background-image: url("images/mount_images/default.png");
}
td:nth-child(3) > div.mount_image.has_currency{
	background-size: 80%;
	background-position: bottom 30% center;
}
td:nth-child(3) a ~ svg{
	position: absolute;
	top: 20%;
	display: none;
}
td:nth-child(3) a:hover ~ svg{
	display: inline;
}
td:nth-child(3) a:hover ~ div.mount_image{ /* + means after the a, rather than inside the a */
	display: block;
}
td:nth-child(3) > div.mount_image div.currency{
	position: relative;
	background-color: #00000011 !important;
	width:100%;
	height: 35px;
}
td:nth-child(3) > div.mount_image div.currency img{
	display: inline-block;
	margin: 0 1px 0 5px;
	border-radius: 30%;
	border: 2px solid white;
	width: 20px;
	height: 20px;
	z-index: 2;
	transform: translateY(24%);
}
td:nth-child(3) > div.mount_image div.currency p{
	max-width: 83%;
	min-width: 83%;
	margin-top: -1px;
	font-size: 75%;
	font-weight: bold;
	position: absolute;
	right: 0%;	
	padding-right: 17%;
	transition: max-width 4s 0.5s ease-in-out;
}
td:nth-child(3) > div.mount_image:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	background-color: #ffffff1a;
}
td:nth-child(3) a.mount_name.move_text + div.mount_image div.currency p{ /* Can't use CSS hover due to display:none -> display:block, JS instead */
	transition: max-width 4s 0.5s ease-in-out;
	max-width: 120%;
}
.collected td:nth-child(3) div.mount_image{
	border: 2px solid #ccffcc;
}
.uncollected td:nth-child(3) div.mount_image{
	border: 2px solid #ffcccc;
}
td:nth-child(1) span._, td:nth-child(3) span._{
	display: none;
}
td:nth-child(1) span:nth-child(1), td:nth-child(3) span{
	color: white;
	height: 90%;
	max-height: 42px;
	aspect-ratio: 0.85/1;
	top: 5%;
	position: absolute;
	left: -12%;
	background-color: #00000000 !important;
	background-repeat: no-repeat;
	background-size: 70%;
	background-position: center center;
	z-index: 5;
}
td:nth-child(1) span:nth-child(1):hover:after,
td:nth-child(3) span:hover:after{
	font-weight: bold;
	font-size: 75%;
	background-color: #444444;
	padding: 2px 10px 2px 10px;
	border-radius: 5px;
	position: absolute;
	color: white;
	bottom: 20%;
	right: 100%;
}
td:nth-child(1) span:nth-child(1):before, td:nth-child(3) span:before{
	height: 100%;
	line-height: 42px;
	aspect-ratio: 0.85/1;
	position: absolute;	
	font-size: 80%;
	right: 100%;
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center center;
}
td:nth-child(1) span:nth-child(1){
	background-color: #00000000 !important;
	left: auto;
	right: 0%;
}
td:nth-child(3) span._alliance, td:nth-child(3) span._horde{
	left: auto;
	right: 0%;
	top: 5%;
	height: 42px;
}
td:nth-child(3) span._horde{
	right: 0.1%;
}
td:nth-child(3) span._alliance{
	background-image: url("images/icons/alliance.png");
}
td:nth-child(3) span._horde{
	background-image: url("images/icons/horde.png");
}
._timed:hover:after{
	content: "Timed";
}
._current_month:hover:after{
	content: "Current Month";
}
._normaltimed:hover:after{
	content: "Timed Normal";
	right: 200% !important;
}
._heroictimed:hover:after{
	content: "Timed Heroic";
	right: 200% !important;
}
._mythictimed:hover:after{
	content: "Timed Mythic";
	right: 200% !important;
}
._25normal:hover:after, ._25heroic:hover:after, ._25mythic:hover:after{
	right: 200% !important;
}
._normal:hover:after, ._25normal:hover:after{
	content: "Normal";
}
._heroic:hover:after, ._25heroic:hover:after{
	content: "Heroic";
}
._mythic:hover:after, ._25mythic:hover:after{
	content: "Mythic";
}
._gold:hover:after{
	content: "Gold";
}
._love:hover:after{
	content: "Love is in the Air";
}
._darkmoon:hover:after{
	content: "Darkmoon Faire";
}
._noblegarden:hover:after{
	content: "Noblegarden";
}
._feast:hover:after{
	content: "Winter Veil";
}
._timewalking:hover:after{
	content: "Timewalking";
}
._brewfest:hover:after{
	content: "Brewfest";
}
._hallows:hover:after{
	content: "Hallows End";
}
._alliance:hover:after{
	content: "Alliance";
}
._horde:hover:after{
	content: "Horde";
}
._normal, ._25normal, ._normaltimed{
	background-image: url("images/icons/normal.png");
}
._heroic, ._25heroic, ._heroictimed{
	background-image: url("images/icons/heroic.png");
}
._mythic, ._25mythic, ._mythictimed{
	background-image: url("images/icons/mythic.png");
}
._gold{
	background-image: url("images/icons/gold.png");
}
._heroictimed:before, ._mythictimed:before, ._normaltimed:before, ._timed, ._current_month{
	content: "";
	background-image: url("images/icons/timed.png");
}
._love{
	background-image: url("images/icons/love_1.png");
}
._darkmoon{
	background-image: url("images/icons/darkmoon.png");
}
._noblegarden{
	background-image: url("images/icons/noblegarden.png");
}
._feast{
	background-image: url("images/icons/winter.png");
}
._timewalking{
	background-image: url("images/icons/timewalking.png");
}
._brewfest{
	background-image: url("images/icons/brewfest.png");
}
._hallows{
	background-image: url("images/icons/hallows.png");
}
._10:before{
	content: "10";
	left: 27%;
}
._25:before{
	content: "25";
	left: 25%;
}
._25heroic:before{
	content: "25";
	right: 70% !important;
}
._10heroic:before{
	content: "10";
}
.rep{
	line-height: 42px;
	font-size: 80%;
	text-align: right;
	left: -15% !important;
}
.icons,
.colors{
	max-width: 990px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
.icons p,
.colors p{
	font-size: 85%;
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 1px;
	text-overflow: ellipsis;
	overflow:hidden;
	white-space:nowrap;
}
.icons img,
.colors span{
	float:  left;
	margin-right: 5px;
	width: 28px;
}
.colors span{
	width: 24px;
	height: 24px;
	border: 2px solid white;
	background-color: #000000;
	border-radius: 50%;
}


::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
    background: #66666600;
}

::-webkit-scrollbar-thumb {
  background: #777777;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #AAAABB;
}
::-webkit-search-cancel-button{
	-webkit-appearance: none;
	display: none;
}
td:nth-child(2)[rowspan].wing:after{
	display: block;
	position: absolute;
	content:  "";
	width:  20px;
	height: calc(100% - 45px);
	right: -20px;
	top:  20px;
	border: solid 2px #FFFFFF55;
	border-color: transparent transparent transparent #FFFFFF55;
	border-radius: 100px 0 100px 100px;
	z-index: 1;
}
td:nth-child(1)[rowspan] .wing{
	display: block;
	position: absolute;
	content:  "";
	width:  20px;
	height: calc(100% - 45px);
	right: -20px;
	top:  15px;
	border: solid 2px #FFFFFF55;
	border-color: transparent transparent transparent #FFFFFF55;
	border-radius: 20px;
	z-index: 1;
}
td:nth-child(1)[rowspan="1"]:after, td:nth-child(2)[rowspan="1"]:after, td:nth-child(1)[rowspan]:empty:after, td:nth-child(2)[rowspan]:empty:after{
	display: none !important;
}
@media only screen and (max-width: 1480px) {
	#back_to_top{
		right: 50%;
	}
}
@media only screen and (max-width: 1313px) {
	#center{
		width: 95%;
	}
}

/*
@media only screen and (max-width: 850px) {
	body{
		background-image: none;
	}
	.dataTables_info, #char_wrapper form select#region, #char_wrapper form button, .dataTables_filter label input, select#sort_collected, select.sort_type{
		border-radius: 0px !important;
	}
	.dataTables_info:after{
		content: "";
	}
	.east_asian_glyphs{
		font-size: 180% !important;
  }
	footer{
		width: 100%;
	}
	#center{
		min-width: 97%;
		max-width: 97%;
	}
	h1{
		font-size: 1100%;
	}
	h2{
		font-size: 350%;
		margin-top: -3%;
	}
	input, select, #char_wrapper form input{
		width: 100% !important;
		height: 100px !important;
		margin-left: 0px !important;
		margin-right: 0px !important;
		margin-top:  1% !important;
		margin-bottom: 0px !important;
		padding: 0px 0px 0px 8px !important;
		font-size: 250% !important;
		text-align: center;
	}
	select#sort_collected{
		width: 50% !important;
	}
	input#sort_usable{
		width: 100px !important;
		height: 100px !important;
		padding: 0 !important;
		float: left;
	}
	#char_wrapper p{
		font-size: 150% !important;
		line-height: 100px;
		margin: 1% 0 0 1%;
		float: left;
	}
	
	input#sort_usable:before{
		width: 80px;
		height: 80px;
	}
	select.sort_type{
		font-size: 250% !important;
	}
	#char_wrapper form input{
		width: 79% !important;
		float: left;
	}
	
	#region, #realm{
		width: 49.5% !important;
		float: left;
	}
	#realm{
		float: right !important;
	}
	#char_search{
		width: 100% !important;
		margin-bottom: 4%;
	}
	
	.dataTables_wrapper .dataTables_filter{
		text-align: center !important
	}

	#char_wrapper{
		float: left;
		width: 100%;
	}
	.dataTables_filter{
		width: 100%;
	}
	.dataTables_filter label{
		float: right;
		width:  100%;
	}
	#char_wrapper form button{
		height: 100px !important;
		width: 20%;
		margin-left: 1%;
		margin-top: 1%;
		position: relative;
		font-size: 250%;
	}
	td:nth-child(1), th:nth-child(1), td:nth-child(2), th:nth-child(2), td > span, thead tr th{
		display: none !important;
	}
	table.dataTable tbody tr.even,
	.evendiv.mount_image,
	.even td > a:hover, .even td > p:hover{
		background-color: #8E551A;
	}
	table.dataTable tbody tr.odd,
	.odd div.mount_image,
	.odd td > a:hover, .odd td > p:hover{
		background-color: #446C74;
	}
	td:nth-child(3):before, td:nth-child(3) a:hover + div, .icons{
		display: none !important;
	}
	td > a{
		width: 100% !important;
	}
	table{
		font-size: 250%;
		text-align: center !important;
	}
	#char_wrapper form img#checkmark_yes, #char_wrapper form img#checkmark_no, #char_wrapper form img#checkmark_load{
		height: 50px;
		bottom: 47%;
		right: 3%;
	}
}
*/