.data_table{
  display:table;
  width:100%;
  margin-bottom: 5px;
  margin-top: 20px;
  border-radius: 8px 8px 8px 8px;
}
.data_table.hide{
  display: none;
}
.data_table_row{
  display:table-row;
}

.exa_area{
  margin-bottom: 20px;
  font-size: 0.875rem;
}
.exa_area:first-child{
margin-top: 20px;
}
.exa_head{
  display:table;
  width:100%;
  box-shadow: 0px 1px 1px #283a42d8;
  border-radius: 8px 8px 0 0;
  font-size: 1rem;
}
.exa_head_elem{
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  padding: 10px;
  color: #ffffff;
  background-color: #2b3d3e;
  border: 1px solid #000000;
  border-radius: 8px 8px 0 0;
}
.exa_dt_tm{
  display:table;
  width:100%;
  box-shadow: 0px 1px 1px #283a42d8;
  border-radius: 0 0 8px 8px;
  font-size: 0.875rem;
}
.exa_dt{
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  padding: 10px;
  color: #ffffff;
  text-shadow: 1px 1px 2px #00394d;
  background-color: #2e5869;;
  border: 1px solid #205555;
  font-size: 0.875rem;
}
.exa_tm{
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  padding: 10px;
  color: #ffffff;
  text-shadow: 1px 1px 2px #00394d;
  background-color: #3d7274;
  border: 1px solid #205555;
  font-size: 0.875rem;
}

.exa_tp{
  display:table;
  width:100%;
  box-shadow: 0px 1px 1px #283a42d8;
  border-radius: 0 0 8px 8px;
  font-size: 0.875rem;

}
.exa_tp_elem{
  display:table-cell;
  text-align:left;
  vertical-align: middle;
  padding: 10px;
  color: #2a6577;
  background-color: #ffffff;
  border: 1px solid #106363;
  font-size: 0.875rem;
}

.exa_btn{
  display:table;
  width:100%;
  box-shadow: 0px 1px 1px #283a42d8;
  border-radius: 0 0 8px 8px;
  font-size: 0.75rem;
}
.exa_btn_elem{
  display:table-cell;
  text-align:center;
  vertical-align: middle;
  padding: 10px;
  background-color: #af2b57;
  background: linear-gradient(to bottom, #d84475 5%, #af2b57 100%);
  border: 1px solid #bd436c;
  font-size: 0.75rem;
  border-radius: 0 0 8px 8px;
}
.exa_btn_elem.aw{
  background-color: #d14c45;
  background:linear-gradient(to bottom, #f16057 5%, #d14c45 100%);
  border: 1px solid #d1413a;
  color: #ffffff;
}
.exa_btn_elem.lv{
  background-color: #af2b57;
  background: linear-gradient(to bottom, #d84475 5%, #af2b57 100%);
  border: 1px solid #640827;
  color: #ffffff;;
}
.exa_btn_elem.rv{
  background-color: #027586;
  background: linear-gradient(to bottom, #33a4b6 5%, #027586 100%);
  border: 1px solid #0b444d;
  color: #ffffff;
}
.exa_btn_elem.rs{
  background-color: #385992;
  background: linear-gradient(to bottom, #4b679a 5%, #2b4065 100%);
  border: 1px solid #0b444d;
  color: #ffffff;;
}

.exa_btn_elem.mr{
  background-color: #348f7b;
  background: linear-gradient(to bottom, #44c2a7 5%, #348f7b 100%);
  border: 1px solid #235a4e;
  color: #ffffff;
}

.exa_btn_elem:hover, .btn-sub-inline:hover{
  box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.exa_btn_elem:active, .btn-sub-inline:active{
  color: #aeeef3;
  position:relative;
  top:1px;
}