.effective {
	background-color: #BBBBBB
}

.very_effective {
	background-color: #77FF77
}

.not_effective {
	background-color: #FF7777
}

.immunity {
	background-color: #777777
}

.multiplicator {
	border:5px solid black

}


td {
	text-align: center;
	width:60px;
	 
}


td:hover::before,.column_type:hover::before { 
	background-color:#CCCCCC;
    content: '\00a0';  
    height: 100%;
    left: -5000px;
    position: absolute;  
    top: 0;
    width: 10000px;   
    z-index: -1; 
}

td:hover::after,.column_type_header:hover::after {
	background-color:#CCCCCC;
    content: '\00a0';  
    height: 10000px;    
    left: 0;
    position: absolute;  
    top: -5000px;
    width: 100%;
    z-index: -1;
}

.image_thumbnails {
	width:35px;
	height:25px;
}

.image_thumbnails2 {
	width:35px;
	height:25px;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.5s linear;
  position:absolute;
}

.image_thumbnails:hover + .image_thumbnails2 {
  transform: translate(165px,0px) scale(10);
  visibility: visible;
  opacity: 1;
    z-index: 1000;
}



table {
    border-spacing: 0;
    border-collapse: collapse;
    overflow: hidden;
    z-index: 1;
	
}

td, th, .column_type_header, .column_type {
    cursor: default;
    padding: 5px;
    position: relative;
}



.rows_header {
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  width: 1.5em;
}


.rows_header div {
	width:25px;
  transform: rotate(-90deg);


  /* Legacy vendor prefixes that you probably don't need... */

  /* Safari */
  -webkit-transform: rotate(-90deg);

  /* Firefox */
  -moz-transform: rotate(-90deg);

  /* IE */
  -ms-transform: rotate(-90deg);

  /* Opera */
  -o-transform: rotate(-90deg);

  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.card_type_header {
	width:200px;
}

.card_name_row {
	text-align:left;
}