.button_fl {
  display: inline-block;
  padding: 5px 10px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-image: linear-gradient(90deg, #228be6 5%, #3bc9db 95%);
  border: none;
  border-radius: 10px;
  box-shadow: 0 9px #E3E3E3;
}

.button_fl_n {
  display: inline-block;
  padding: 5px 10px;
  font-size: 20px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-image: linear-gradient(90deg, #a1c4fd 10%, #c2e9fb 90%);
  border: none;
  border-radius: 10px;
  box-shadow: 0 9px #E3E3E3;
}

.button_fl:hover {background-color: #3e8e41}

.button_fl:active {
  background-color: #228be6;
  box-shadow: 0 5px #228be6;
  transform: translateY(4px);
}


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

#table_floor {
  border-collapse: collapse;
  width: 100%;
}

#table_floor td, #table_floor th {
  border: 1px solid #ddd;
  padding: 8px;
}

#table_floor tr:nth-child(even){background-color: #f2f2f2;}

#table_floor tr:hover {background-color: #ddd;}

#table_floor th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #26BCE8;
  color: white;
}

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


@media only screen and (min-width: 768px) {
  .center_ver_ti_cal {

    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;

  }
}