.section-text:first-child {
    margin-top: 20px;
}
.tim-table{
    margin: 10px auto 20px;
    border-collapse: collapse;
    width: 100%;
    background-color: #ffffff;
}
tbody{ 
    width: 100%;
}
.exam-ac-text{
      background-color: #233e4b;
      color: #ffffff;
      font-size: 0.875rem;
      font-weight: 600;
      text-align: left;
      padding: 10px;
      border-bottom: 1px solid #1a2325;
      margin-bottom: 10px;
      text-shadow: 1px 1px 2px #00394d;
}
.exam-ac-text-last{
    background-color: #233e4b;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid #1a2325;
    margin-bottom: 10px;
    text-shadow: 1px 1px 2px #00394d;
}
.exam-ac-title{
    background-color: #1d917d;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 800;
    text-align: left;
    padding: 5px 5px 5px 10px;
    border-top: 1px solid #478a8a;
    text-shadow: 1px 1px 2px #00394d;
}
.exam-ac-topic{
    background-color: #ebf6fd;
    color: #237d8d;
    font-size: 0.875rem;
    font-weight: 800;
    text-align: left;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #478a8a;
}
.exam-ac-ttlexmn{
    background-color: #276ba3;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    padding: 5px 5px 5px 10px;
}

.exam-ac-status{
    background-color: #204f61;
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: 600;
    text-align: left;
    text-shadow: 1px 1px 2px #00394d;
    padding: 5px 5px 5px 10px;
    border-right: 1px solid #478a8a;
    text-shadow: 1px 1px 2px #00394d;
}

.exam-ac-btn{    
    width: 100px;
    background-color: #233541;
    color: #ffffff;
    font-size: 1rem;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    border-top: 1px solid #27496D;
    border-bottom: 1px solid #27496D;
    border-style: hidden; 
}
.spacer{
    height: 10px;
}
.entryExam{
    width: 100%;
    height: 40px;
    display: block;
}
.entryExam a{
    text-decoration:none;
    color: #ffffff;
    width: 50%;
    max-width: 300px;
    height: 100%;
    padding: 10px;
    display: block;
    overflow: hidden;
    border-radius: 30px;
    background: #027586;
    background: linear-gradient(to bottom, #2a8694 5%, #027586 100%);
    border: 2px solid #097d8f;
    color: #ffffff;
    font-size: 0.875rem;
}
.entryExam a:hover{
    padding: 11px;
    width: 55%;
    max-width: 350px;
}
.entryExam a:active{
    padding: 11px;
    width: 55%;
    max-width: 320px;
}


input[type=submit]{
    background-color: #27496D;
    border: 1px solid #27496D;
    cursor: pointer;
    border-radius: 6px;
    color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
    padding-top: 30%;
    padding-bottom: 30%;
    font-size: 0.875rem;
    font-weight: 800;
}

.wkly-box-dtN
{
    font-size: 1.125rem;
    color: #ffffff;
    background-color: #398f92;
    font-size: 1rem;
    padding: 10px;
    text-align: center;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 5px;
}
.wkly-box-gen
{
    width: 100%;
    margin: 0 auto;
    background-color: #2f5163;
    color: #ffffff;
    border: 2px solid #61cfa5;
    padding: 10px;
    text-align: left;
    font-size: 1rem;
    border-radius: 6px;
    line-height: 1.5em;
}
.sub-box{
    width: 100%;
    background-color: #223238;
    border: 1px solid #638686;
    border-bottom: #061b1b;
    margin: 0;
    padding: 15px 5px;
    font-size: 0.875rem;
}
.exam-marker{
    color: #ffffff;
    background-color: #0c7e7e;
    border-radius: 40% 30%;
    padding: 10px;
    text-align: left;
}
.topic-box{
    width: 100%;
    background-color: #204f61;
    border: 1px solid #638686;
    border-top: none;
    margin: 0;
    padding: 5px;
    font-size: 0.875rem;
}
.star-pointer{
    color: #00ffff;
    margin-right: 5px;
}

.filter{
    display:table;
    text-align: center;
    font-size: 0.875rem;
    width:100%;
    margin: 0 auto 10px;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    z-index: 6;
    
}

.filter_elem{
    display:table-cell;
    text-align:center;
    vertical-align: middle;
    padding: 12px;
  
}
.filter_elem_row{
    display:table-row;
}
.filter_elem:hover{
	background-color:#779da7;
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}
.filter_elem:active{
    color: #aeeef3;
	position:relative;
	top:1px;
}
.filter_elem.wk{
    background-color: #30787e;
    border: 2px solid #0e2f3c;
    box-shadow: 0 0 0 2px #3966dd;
    color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    width: 50%;
}
.filter_elem.sb{
    background-color: #2386b1;
    border: 2px solid #296b86;
    color: #ffffff;
    border-radius: 8px 8px 8px 8px;
    width: 50%;
}

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