body {
  padding-top: 70px;
  padding-bottom: 30px;
}
a.with-glyph {
	padding-bottom: 9px !important;
    padding-top: 12px !important;
}
a.with-glyph .glyphicon {
	width: 24px;
}
a.with-glyph .badge {
	margin-top: -12px;
}

#sign {
	width: 90%;
	margin: 40px auto;
	border-top: 1px solid #bbb;
	text-align: center;
	color: #909090;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}
.common {
	color: #5e5e5e;
}
.uncommon {
	color: green;
}
.rare {
	color: blue;
}
.epic {
	color: purple;
}
.golden_epic {
	color: magenta;
}
.legendary {
	color: #df5d07;
}
.golden_legendary {
	color: #ad4805;
}

.recipe {
	border-style: solid;
	border-width: 1px;
}
.recipe_small {
	width: 12px;
	height: 12px;
}
.recipe_large {
  color: white;
  font-size: 28px;
  height: 32px;
  line-height: 27px;
  text-align: center;
  width: 32px;
}
.golden_recipe {
	border: 3px solid #df5d07 !important;
}
.common_recipe {
	border-color: #5e5e5e;
}
.uncommon_recipe{
	border-color: green;
}
.rare_recipe {
	border-color: blue;
}
.epic_recipe {
	border-color: purple;
}
.common_bg{
	background-color: #5e5e5e;
}
.uncommon_bg {
	background-color: green;
}
.rare_bg {
	background-color: blue;
}
.epic_bg {
	background-color: purple;
}

.comment_cell {
	cursor:pointer;
	max-width:280px;
}
.comment_cell > img {
	border: 1px solid;
	border-color: #2196F3;
	padding: 3px;
}
.comment_cell > img:hover {
	background: #ff9800;
}

.caret-inactive {
	color: #ccc;
}
.grayedImage {
    opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
}
.bg-possible {
	background-color: #86c66c;
}
.bg-completed {
	background-color: #74a9d8;
}
.bg-overlimit {
	background-color: #ff8080;
}
.glyphicon-large {
	font-size: 24px;
}
.glyphicon-huge {
	font-size: 30px;
}
.mb20 {
	margin-bottom: 20px;
}
.profileTable {
	border-collapse: collapse;
}
.profileTable td {
	border: 1px dashed grey;
	margin: 1px;
	padding: 1px;
}
.table tr.highlight:hover {
	background-color: #ffdd99;
}
input.filter[type=checkbox] {
	display:none;
}
 
input.filter[type=checkbox] + label
{
	opacity: 0.4;
    filter: alpha(opacity=40); /* msie */
    background-color: #000;
	height: 24px;
	width: 24px;
	display:inline-block;
	padding: 0 0 0 0px;
}
input.filter[type=checkbox]:checked + label
{
	opacity: 1;
    filter: alpha(opacity=100); /* msie */
    background-color: #FFF;
	height: 24px;
	width: 24px;
	display:inline-block;
	padding: 0 0 0 0px;
}
.ordered {
	text-decoration: underline;
}
.orderable {
	cursor: pointer;
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  
  border-top: 15px solid #00f;
}
.grid{
  display: table;
  width: 100%;
}
.col{
  display:table-cell;
  vertical-align: top;
}
.tablelike{
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
}
.table-row{
  display: table-row;
}
.table-cell, .table-head{
  display: table-cell;
  vertical-align: top;
}
.table-head{
  font-weight:bold;
}
/*Formation styles*/
.left {
  background-color: #cccccc;
  border-radius: 0.5em;
  float: left;
  margin-bottom: 1%;
  margin-right: 2%;
  margin-top: 1%;
  width: 204px;
}
.left img {
  margin: 1px;
  width: 32px;
}
.form-label {
  background-color: #5bc0de;
  border-radius: 0.25em;
  color: #0000ff;
  display: block;
  font-size: 85%;
  font-weight: 700;
  line-height: 1;
  padding: 0.2em 0.6em 0.3em;
  text-align: center;
  vertical-align: baseline;
  white-space: nowrap;
}
.tree_wrapper {
	display: inline-block;
	float: left;
}
.talent_div {
	display: inline-block;
	float: left;
	padding: 5px;
}
.talent_div td {
	padding: 0 4px;
}
.talent_desc {
	font-size: 0.7em;
	font-style: italic;
	max-width: 140px;
	min-height: 56px;
}