.main-area{
    margin-top: 20px;
}
.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.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:first-child{
  border-radius: 0 0 0 8px;
}
.exa_btn_elem:last-child{
  border-radius: 0 0 8px 0;
}
.exa_btn_elem.rvonly{
  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;
}