html{ -ms-overflow-style:auto; }
body{ overflow-x:hidden; }
body,p,div,form,ul,th,td,h1,h2,h3,h4{ font-size:14px;line-height:140%;position:relative;margin:0;padding:0;list-style-type:none;box-sizing:border-box;font-family:sans-serif;margin:0;padding:0;color:#3B4043;font-feature-settings:"palt" }
/* body{ visibility:hidden; } */
.clearfix:after{ content:"";clear:both;display:block; }
a{ outline:none;cursor:pointer;text-decoration:none;vertical-align:baseline;color:#333;transition:all 0.3s; }
a:hover{ opacity:0.7;transition:all 0.3s; }
img{ border:none;width:100%; }
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ display:block; }
.wrap{ width:95%;max-width:1160px;margin:0 auto; }
.narrow_wrap{ width:90%;max-width:1000px;margin:0 auto; }
*{ box-sizing:border-box; }
*:focus{ outline:none; }

.container{ width:100%;margin: 20px auto;padding: 20px;background-color: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1); }
header{ display:flex;justify-content:space-between;align-items:center;margin-bottom:20px; }
header h1{ font-size: 24px; }
nav ul{ list-style: none;padding: 0;}
nav ul li{ display: inline;margin-right: 10px;}
nav ul li a{ color: #0056b3;text-decoration: none;}
h2{ color: #333;font-size: 20px;text-align:center;margin-bottom:20px; }
h2 .sub{ font-size:70%; }
p{ font-size: 16px;color: #666;}
button, .common_bt{ padding: 10px;background-color:var(--primary_blue);color: white;border: none;cursor: pointer;text-align:center;width:auto; }
button.small, .common_bt.small{  padding:6px 10px; }
button:hover{ background-color: #004494;}
/* input[type="text"], input[type="password"], input[type="date"], select, textarea{ padding:6px;margin-bottom:6px;border: 1px solid #ccc;width: calc(100% - 8px);color:#3B4043;border-radius:0; } */
input[type="date"]{ display:block; }
input[type=date]::-webkit-calendar-picker-indicator{ position:absolute;width:100%;height:100%;opacity:0; }
input[type="date"]::-webkit-inner-spin-button{ -webkit-appearance:none; }
input[type="date"]::-webkit-clear-button{ -webkit-appearance:none; }
input[type="date"]{ position:relative; }
textarea{ border:1px solid #acacac; }
select, input[type="date"]{ -webkit-appearance:none;appearance:none;background-color:#fff;border-radius:0;text-align:left; }
.cont_row{ display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:5%;-webkit-box-align:center;-ms-flex-align:center;align-items:center; }
.cont_row .th{ width:10%;margin-right:4%;text-align: justify; }
.cont_row .td{ width:auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1; }
.error_row{ background:#f99; }
label{ text-align:left; }
.material-symbols-outlined{ font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 24 }
.no_record{ display:block;text-align:center;padding:10px 0; }
@media (max-width: 600px){
    .container, header{
        width: 100%;
        flex-direction: column;
    }
}