table.mark_rez_table {
	table-layout: fixed;
	width: 300px;
	height: 400px;
	border-collapse: separate;
  border-spacing: 3px;
  margin-top: 15px;
}
div.mark_rez_out {
	width: 400px;
	height: 60px;
  background-size: cover; 
}
td.ziro {
  width: 70px;
}
td.ziro_in {
  width: 5px;
}
td.mark_rez_td {
    border: 1px solid #00BFFF; /* Граница вокруг ячеек */
    empty-cells: show; /* Показываем пустые ячейки */
   }
   div#out_one {
    float: left;
    margin-left: 30%;
    width: 4%;
    height: 45px;
    margin-top: 7px;
   }
div#out_two, #out_three, #out_four, #out_five {
  
    float: left;
    width: 4%;
    height: 33px;
    margin-top: 12px;
    margin-left: 10px;
    }
   .out_color1 {
   	background: black;
   }
   .out_color2 {
   	background: brown;
   }
   .out_color3 {
    background: red;
   }
   .out_color4 {
    background: orange;
   }
   .out_color5 {
    background: yellow;
   }
   .out_color6 {
    background: green;
   }
   .out_color7 {
    background: blue;
   }
   .out_color8 {
    background: purple;
   }
   .out_color9 {
    background: grey;
   }
   .out_color10 {
    background: white;
   }
   .out_color11 {
    background: linear-gradient(to top, #b0b7c6, silver);
   }
   .out_color12 {
    background: linear-gradient(to top, #ffb300 , gold );
   }
#two1, #three1, #four1, #five1{
background: black; /* Цвет фона первой строки */
}
#one2, #two2, #three2, #four2, #five2{
background: brown; /* Цвет фона */
}
#one3, #two3, #three3, #four3, #five3{
background: red; /* Цвет фона */
}
#one4, #two4, #three4, #four4, #five4{
background: orange; /* Цвет фона */
}
#one5, #two5, #three5, #four5, #five5{
background: yellow; /* Цвет фона */
}
#one6, #two6, #three6, #four6, #five6{
background: green; /* Цвет фона */
}
#one7, #two7, #three7, #four7, #five7{
background: blue; /* Цвет фона */
}
#one8, #two8, #three8, #four8, #five8{
background: purple; /* Цвет фона */
}
#one9, #two9, #three9, #four9, #five9{
background: grey; /* Цвет фона */
}
#one10, #two10, #three10, #four10, #five10{
background: white; /* Цвет фона */
}
#one11, #two11, #three11, #four11{
background: linear-gradient(to top, #b0b7c6, silver); /* Цвет фона */
}
#one12, #two12, #three12, #four12{
background: linear-gradient(to top, #ffb300 , gold );
}
td.mark_rez_td:hover, td.mark_rez_inline:hover {
   	opacity: 0.5;
    border: 2px solid #74d145;
   }
td.color_width {
  width: 100px;
}

#five1, #five2, #five3, #five4, #five5, #five6, #five7, #five8, #five9, #five10, #five10, #five11, #five12, #out_five {
  display: none;
}
#rez_out_p {
  width: 200px;
  height: 30px;
  border: 1px solid #00BFFF;
  margin-left: 100px;
  margin-bottom: 10px;
  margin-top: 10px;
}

  .vis {
    visibility: hidden;