@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Noto+Serif+KR:wght@300;400;500;700;900&display=swap');

@font-face {
  font-family: 'AmeyallindaSignature'; /* Tên phông chữ bạn sẽ sử dụng trong CSS */
  src: url('/css/fonts/SVN-Ameyallinda-Signature.otf') format('opentype');
  }

/* * { font-family:'Roboto', sans-serif; box-sizing: border-box; letter-spacing:-0.5px; } */
* { font-family:Roboto, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", 'AmeyallindaSignature',"Calibri" ; box-sizing: border-box; letter-spacing:-0.5px; }

/* { font-family:'Malgun Gothic','Gulim','arial', sans-serif; box-sizing: border-box; letter-spacing:-0.5px; } */
body {margin: 0;background-color:#ffffff;}
.reportTb td{
    padding: 5px 5px !important;
  }

img,table {border:0px;}
form { margin:0; }
tr { color:#666666; font-size:13px; line-height:13px; }
td { color:#666666; font-size:13px; line-height:16px; }
li { list-style: none; }

.Table { border-collapse: collapse; }
.Table th,.Table td { padding:7px 5px; border: 1px solid #ccc; }
.Table th { background: #E9F0F1; color: #333; }
.TList th{ padding: 9px 5px; }
.TAlign_C th,.TAlign_C td{ text-align:center; }
.TAlign_TL th { text-align:left; }

.btnButton{
  background: #12376E;
    color: white !important;
    padding: 5px 10px;
}

.btnButtonInfo{
  background: #17a2b8;
    color: white !important;
    padding: 5px 10px;
}

.Table_BN th,.Table_BN td { border:0 ;}

.Search_box { border:1px solid #E9F0F1; margin-top:3px; margin-bottom:15px; padding:3px 5px;}
.Search_box th { text-align:left; font-weight:normal; }
.Search_box th,.Search_box td { padding:3px 5px; }

.Search_left { margin:15px auto 0;}

a:link { text-decoration: none; color: #666666; }
a:visited { text-decoration: none; color: #666666; }
a:active { text-decoration: none; color: #FD8900; }
a:hover {  text-decoration:none; color:#12376E; }

.link a:link {color:#E28C3C; text-decoration:underline; }
.link a:visited {color:#E28C3C; text-decoration:underline; }
.link a:active {color:#E28C3C; text-decoration:underline;  }
.link a:hover {color:#12376E; text-decoration:underline; }

p, textarea, input, select  {font-size:12px; color:#666;}
input, select, textarea { vertical-align: middle; border:1px solid #ccc; }
input.pwsearch {height:20px; border-right:#BBBBBB 1px solid; border-top:#BBBBBB 1px solid; padding-left:3px; font-size:9px; border-left:#BBBBBB 1px solid; padding-top:3px; border-bottom:#BBBBBB 1px solid; }
input.white {border:solid 1px #BBBBBB; height:16px;}
input.gray {border:solid 1px #BBBBBB; height:16px;	background-color:#F6F6F6;}
input.gray2 {border:solid 1px #E1E1E1; height:19px;	background-color:#F4F4F4;}

input[type="radio" i] { margin-top:0;}
input[type="image"] { border:0;}
input[type="button"] { background:#0d2b69; border-radius:2px; padding:3px 5px; cursor: pointer;}
button { background:#0d2b69; border-radius:2px; padding:5px 7px; color:#fff; line-height: 1; border:0; font-size: 11px; cursor: pointer;}
button:before { content:'\003E'; display: inline-block; font-size:10px; padding-right: 4px; transform: scale(.8,1); }

.w_size { width:635px }
.indi { color:#999999; font-size:8pt }
.input { border:1px solid #CCCCCC; background-color:#FFFFFF; color:#666666; font-size:9pt; }
.img_box { border:1px solid #D6D6D6; }
.justify { text-align:justify; }

.fc_stl { color:#654C45; padding-bottom:6px; }
.fc_tb { color:#666666; font-weight:bold; padding:6px 5px 3px 5px; }
.fc_gray { color:#919191; font-size:8pt; line-height:16px; }
.fc_small { color:#838181; font-size:8pt; line-height:16px; }

.tb { border-collapse:collapse; border-color:#E3E0DF; }
.tb_color { background-color:#FF6C66; height:2; }
.tb_line { background-color:#E3E0DF; height:1; }
.btn-danger{background-color: #dc3545!important;}
.tb_tl { background-color:#FFFCF4; padding:6px 10px 4px 10px; color:#737373; font-weight:bold; }
.tb_tl2 { background-color:#FFFCF4; padding:6px 10px 4px 15px; color:#737373; font-weight:bold; }
.tb_tl3 { background-color:#FEF5DC; padding:6px 10px 4px 10px; color:#737373 }
.tb_tl4 { background-color:#F4F7FF; padding:6px 10px 4px 10px; color:#737373; font-weight:bold; }
.tb_stl { background-color:#F8F8F8; padding:6px 10px 4px 10px; }
.tb_stl2 { background-color:#F8F8F8; padding:6px 10px 4px 15px; }
.tb_bg { background-color:#FFFFFF; padding:6px 10px 4px 10px; }
.tb_bg2 { background-color:#FFFFFF; padding:4px 10px; }
.bg_sch { background-color:#F5F5F5; }

.tb_over { padding:6px 10px 4px 10px; }

.pop_bg { background-color:#F3F2E4; }
.pop_tl { padding:0px 20px 5px 0px; color:#212121; font-size:11pt; letter-spacing:-1px; }

.pr_tb_tl { background-color:#FFFCF4; padding:4px 10px; color:#737373; }
.pr_tb_stl { background-color:#F0F0F0; padding:4px 10px; height:25; }

.Cont { width:97%; margin:0 auto; font-size:12px; color:#666; }

.Main_Menu { position: relative; display: inline-block; background: #12376e; padding: 13px 10px 11px; border-radius: 8px 8px 0 0; }
.Main_Menu:before { content:''; position: absolute; top:1px; left: 2px; width:calc(100% - 4px); height:6px; background:linear-gradient(to bottom, #fff 0%, rgba(255,255,255,.0) 100%); border-radius: 6px 6px 0 0; }
.Main_Menu>li { font-size: 13px; color: #fff; text-align: center; border-right:1px solid #777; float:left; padding:0px 10px; cursor: pointer;}
.Main_Menu>li:last-of-type {border-right:0;}
.Main_Menu>li a { color:#fff;}

.sub_menu { position: absolute; z-index: 1; visibility: hidden; top: 44px; }
.sub_menu a { position: relative; padding-right: 1.3em;}
.sub_menu a:before { content:''; position: absolute; left: -8px; top: 6px; width:5px; height:5px; background:#4299c8; border-radius: 50%;}

.Login_info { float:right; margin-right:10px;}

Aside { max-width: 200px;}
.Left_menu { position: relative; background:#fff; font-size: 13px; font-weight:bold; border-bottom: 1px solid #ddd; padding: 10px 18px; color:#555; cursor:pointer;}
.Left_menu:before { content:'\25B6'; position: relative; top: -2px; color:#fff; padding: 2px 3px; background:#20adc8; border-radius: 3px; font-size: 0.4em; margin-right: 6px; line-height:1; }

.addr { display: block; margin-top: 10px; line-height: 160%; background: url("../img/ti_searchaddr.gif") no-repeat center right 20px; padding: 10px 20px; border: 1px solid #ddd; border-radius: 10px; }

.Cont_Title { width: 97%; margin: 15px auto; border-bottom:4px solid #dfdfdf;  }
.Cont_Title span { position: relative; display: inline-block; padding: 4px 70px 2px 16px; color: #e8ebf1; font-size: 13px; border-radius: 4px 4px 0 0; background: #0d2b69; border:1px solid #0d2b69; margin-bottom: 1px;}
.Cont_Title span:before { content:''; position: absolute; top:0px; left: 1px; width:calc(100% - 2px); height:3px; background:rgba(255,255,255,0.3); border-radius: 6px 6px 0 0; }

.popbox { position: relative; max-width: 100%; border: 16px solid #7fcce2; padding: 5px 0;}
.popbox:after { content:''; position: absolute; width:100%; height:100%; left: -8px; top: -8px; border: 8px solid #fff; border-radius: 7px; background:none; }
.PopTitle { color:#333; font-family: Roboto, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;}
.popbox Table { position: relative;  z-index:1; width:100%; }

.certificate_bg { margin: 0 auto; background:url("../img/certificate.jpg") no-repeat top center / contain; text-align:center; }
.certificate_title { text-align:center; }
.certificate_title h1 { margin: 15px auto 20px; line-height: 1; letter-spacing:10px; font-size: 32px; color:#000; font-family:"Noto Serif KR";}
.certificate_title p { margin: 10px auto; font-size: 16px; line-height: 1.6; font-weight: bold; color: #555; font-family:"Noto Serif KR";}
.certificate-p1 {font-family:'Calibri', sans-serif !important; }
.select2-container--default .select2-selection--single{border-radius: 2px !important;}
.select2-container .select2-selection--single{
  height: 23px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 20px !important; font-size: 12px !important;}
.select2-results__option{padding: 3px !important; font-size: 14px !important;}

.pagingactive{font-size:13px;font-weight:600;color: #12376E;padding: 5px 10px;border: 1px solid #12376E;margin-right: 5px;}
.pagingnoactive{font-size:13px;font-weight:600;color: #cecece;padding: 5px 10px;border: 1px solid #cecece;margin-right: 5px;}
.pagingnoactive:hover{border: 1px solid #12376E}

.select2-container--default .select2-selection--single{    border: 1px solid #c1bfbf !important;}
.print_memb_Logo_left { text-align:left; }
.print_memb_Logo_right { text-align:right; }
.font-name { font-family: 'AmeyallindaSignature' !important; color: #2c518a;}


th.sticky-header-column, td.sticky-header-column {
  position: sticky;
  left: 0;
  background-color: #e5dddd !important;
  z-index: 4; /* Đảm bảo cột cuối nằm trên các cột khác */
}

th.sticky-column, td.sticky-column {
  position: sticky;
  left: 0;
  background-color: #e5dddd;
  z-index: 4; /* Đảm bảo cột cuối nằm trên các cột khác */
}

th.sticky-header-last, td.sticky-header-last {
  position: sticky;
  right: 0;
  background-color: #E9F0F1;
  z-index: 4; /* Đảm bảo cột cuối nằm trên các cột khác */
}

th.sticky-last, td.sticky-last {
  position: sticky;
  right: 0;
  background-color: #ffffff;
  z-index: 4; /* Đảm bảo cột cuối nằm trên các cột khác */
}

th.sticky-header-top, td.sticky-header-top {
  position: sticky;
  top: 0;
  background-color: #E9F0F1;
  z-index: 9 !important; /* Đảm bảo cột cuối nằm trên các cột khác */
}

th.sticky-top, td.sticky-top {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 9 !important; /* Đảm bảo cột cuối nằm trên các cột khác */
}