.exa_area{
  margin-bottom: 20px;
  font-size: 0.875rem;
}
.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: #027586;
  background: linear-gradient(to bottom, #33a4b6 5%, #027586 100%);
  border: 1px solid #0b444d;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 0 0 8px 8px;
}

.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;
}