.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_head_elem:first-child{
    border-radius: 8px 0 0 0;
    background-color: #1c2e34;
    border: 1px solid #000000;
    width: 10%;
  }
  .exa_head_elem:last-child{
    border-radius: 0 8px 0 0;
    background-color: #2b3d3e;
    border: 1px solid #000000;
    width: 90%;
  }

*/
  .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;
    line-height: 1.3;
  }
  
  .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;
  }
  .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.mronly{
    background-color: #348f7b;
    background: linear-gradient(to bottom, #44c2a7 5%, #348f7b 100%);
    border: 1px solid #235a4e;
    color: #ffffff;
    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;
}
.no_exam{
    font-size: 1rem;
    background-color: #036875;
    border: 3px solid #1f5467;
    color: #f0f8ff;
    padding: 10px;
    display: block;
    text-align: center;
    margin: 10px auto;
    width: 80%;
}