@charset "utf-8";

/* Summary*/

/* *,::after,::before {
    box-sizing: border-box;
    border-width: 0;
    border-style: solid;
} */

.summary-cont-card-ai {
    flex: 1 0 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-bestpractice {
    font-weight: 400;
    font-family: Pretendard;
    line-height: 170%;
    color: #050505;
    font-size: 18px;
}

.summary-cont-bestpractice-main {
    width: 1480px;
}

.summary-header-btn {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.summary-header-btns {
    /* margin-left: auto; */
   /*  margin-left: 800px; */
    padding-right: 40px;
    padding-top: 6px;
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
}

.summary-cont-buttontextv {
    grid-column: span 1 / span 1;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
}

.summary-cont-card {
    background-color: #f4f4f4ff;
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    overflow: hidden;
    padding: 30px;
    border-radius: 10px;
    width: 730px;
}

.summary-cont-card-sub-list {
    background-color: #f4f4f4ff;
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    height: 288px;
    align-items: flex-start;
    overflow: hidden;
    padding: 30px;
    border-radius: 10px;
    flex-shrink: 0;
    width: 730px;
}

.summary-cont-card-main {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
    flex-shrink: 0;
    width: 730px;
}

.summary-cont-card-sub {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 8px;
    height: 288px;
    align-items: flex-start;
    flex-shrink: 0;
    width: 730px;
}

.summary-cont-card-con {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
    align-self: stretch;
}

.summary-content {
    position: absolute;
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 80px;
    align-items: flex-start;
    left: 220px;
    top: 447px;
    width: 1700px;
}

.summary-footer-copyright {
    opacity: 0.6000000238418579;
    white-space: nowrap;
    font-weight: 400;
    font-family: Pretendard;
    line-height: 170%;
    color: #ffffff;
    font-size: 14px;
}
.summary-footer-span{
	margin-left:20px;
}

.summary-header-depth {
    align-items: center;
    display: flex;
    padding-top: 5px;
    gap: 60px;
}

.dx {
    text-transform: capitalize;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-dx-text {
    flex: 1 0 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 26px;
}

.summary-footer {
	position: absolute;
    background-color: #050505ff;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    left: 0px;
    padding-left: 220px;
    padding-right: 220px;
    padding-top: 40px;
    padding-bottom: 40px;
    /* top: 2217px; */
    width: 1920px; 
    
    /* width:100%; overflow:hidden; */
}

.summary-cont-card-frame {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    align-self: stretch;
}

.summary-cont-card-frame-yjiuml {
    position: absolute;
    display: block;
    height: 3.2053823471069336px;
    left: 37.46px;
    top: 63.94px;
    width: 16px;
    z-index: 0;
}

.summary-cont-frame-yjiuni {
    position: absolute;
    display: block;
    height: 3.2053823471069336px;
    left: 37.46px;
    top: 46.82px;
    width: 16px;
    z-index: 0;
}

.summary-cont-card-frame-yjjaru {
    position: absolute;
    display: block;
    height: 5.595057964324951px;
    left: 21.2px;
    top: 54.62px;
    width: 31px;
    z-index: 0;
}

.summary-cont-card-frame-yjjarz {
    position: absolute;
    display: block;
    height: 46.782501220703125px;
    left: 0px;
    top: 0px;
    width: 73px;
    z-index: 0;
}

.summary-cont-card-group {
    height: 46.782501220703125px;
    position: static;
    width: 73px;
}

.summary-cont-card-group-yjiuls {
    position: absolute;
    display: block;
    height: 13.688937187194824px;
    left: 62.82px;
    top: 54.06px;
    width: 8px;
    z-index: 0;
}

.summary-cont-card-group-yjiulv {
    position: absolute;
    display: block;
    height: 13.683191299438477px;
    left: 2.32px;
    top: 38.34px;
    width: 8px;
    z-index: 0;
}

.summary-cont-group-yjiumr {
    position: absolute;
    display: block;
    height: 13.470651626586914px;
    left: 13.17px;
    top: 58.81px;
    width: 47px;
    z-index: 0;
}

.summary-cont-group-yjiund {
    height: 13.470651626586914px;
    position: static;
    width: 47px;
}

.summary-cont-card-group-yjiunj {
    height: 3.2053823471069336px;
    position: static;
    width: 16px;
}

.summary-cont-card-group-yjjaqx {
    position: absolute;
    display: block;
    height: 13.470646858215332px;
    left: 13.17px;
    top: 41.69px;
    width: 47px;
    z-index: 0;
}

.summary-cont-card-group-yjjaqy {
    height: 13.470646858215332px;
    position: static;
    width: 47px;
}

.summary-cont-card-group-yjjar3 {
    position: absolute;
    display: block;
    height: 13.470648765563965px;
    left: 13.17px;
    top: 24.56px;
    width: 47px;
    z-index: 0;
}

.summary-cont-card-group-yjjar4 {
    height: 47.718841552734375px;
    position: static;
    width: 47px;
}

.summary-cont-card-group-yjjarv {
    height: 5.595057964324951px;
    position: static;
    width: 31px;
}

.summary-cont-card-group-yjjasn {
    height: 72.28195190429688px;
    position: static;
    width: 73px;
}

.summary-header {
   /*  position: absolute;
    height: 120px;
    left: 0px;
    overflow: hidden;
    top: 0px;
    width: 1920px; */
    left: 0px;
	position: fixed;
    top: 0px;
    width: 100%;
  /*   border-bottom: #e5e5e5 1px solid; */
    background: #fff;
    z-index: 999;
    height: 120px;
    align-items: center;
    display: flex;
    gap: 60px;
    padding: 0 4rem;
}

.summary-haederlogo {
    display: flex;
    flex-direction: row;
    height: 35px;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    width: 164px;
}

.summary-cont-icon {
    display: block;
    height: 90px;
    flex-shrink: 0;
    width: 90px;
}

.summary-cont-card-icon-yjjaso {
    grid-column: span 1 / span 1;
    height: 73px;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
    width: 73px;
}

.summary-cont-iconarrow {
    position: absolute;
    display: block;
    height: 14px;
    left: 5px;
    flex-shrink: 0;
    top: 5px;
    width: 14px;
    z-index: 0;
}

.summary-cont-iconbtnarrowblack {
    background-color: #050505ff;
    display: flex;
    flex-direction: row;
    height: 24px;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: 500px;
    flex-shrink: 0;
    width: 24px;
}

.summary-header-iconlinkarrowblcak {
    display: block;
    height: 18px;
    flex-shrink: 0;
    width: 18px;
}

.summary-cont-icons {
    display: block;
    height: 74px;
    flex-shrink: 0;
    width: 74px;
}

.summary-cont-card-it {
    flex: 1 0 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-list {
    grid-column: span 1 / span 1;
    align-content: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 40px;
    align-items: flex-start;
    width: 1480px;
}

.summary-header-logo-img {
    position: absolute;
    display: block;
    height: 35px;
    left: 0px;
    flex-shrink: 0;
    top: 0px;
    width: 164px;
    z-index: 0;
}

.summary-header-logo {
    height: 100%;
    align-items: center;
    display: flex;
    padding-left: 40px;
}

.summary-cont-card-rx {
    flex: 1 0 0;
    text-transform: capitalize;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-img-main {
   /*  position: absolute; */
    display: block;
    height: 420px;
    left: -208px;
    flex-shrink: 0;
    top: -315px;
    width: 1700px;
    z-index: 0;
}

.summary-cont-subtitle-text-sub {
    font-weight: 400;
    font-family: Pretendard;
    line-height: 170%;
    color: #050505;
    font-size: 18px;
}

.summary-header-btn-contactus {
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 14px;
}

.summary-header-btn-homepage {
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 14px;
}

.summary-header-menu-1 {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-header-menu-2 {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-cont-subtitle-text-main {
    width: 1480px;
}

.summary-cont-text-sub2-title {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 170%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-text-sub1-title {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 170%;
    color: #050505;
    font-size: 26px;
}

.summary-cont-card1-textarrow {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-cont-card1-text {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-cont-card-text-rx {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-cont-card-contactus {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 18px;
}

.summary-total {
    background-color: #ffffffff;
    grid-column: span 1 / span 1;
    height: 100%;
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}

.summry-footer-text {
    white-space: nowrap;
    font-weight: 400;
    font-family: Pretendard;
    line-height: 170%;
    color: #ffffff;
    font-size: 14px;
}

.summary-footer a:hover,
.summary-footer a:focus,
.summary-footer a:active {
    color: #fff;             
    text-decoration: none;    
}

.footer a:hover,
.footer a:focus,
.footer a:active {
    color: #fff;             
    text-decoration: none;    
}

.summary-cont-subtitle {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.summary-cont-subtop {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: flex-start;
    left: 220px;
    top: 240px;
    width: 1480px;
}

.summary-cont-subtitle-text {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    width: 1480px;
}

.summary-cont-text-sub {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
    align-items: flex-start;
    width: 1480px;
}

.summary-cont-text-main {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    width: 1480px;
}

.summary-cont-card_desc {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    align-self: stretch;
}

.summary-cont-card-text-desc {
    white-space: nowrap;
}

.summary-footer-textbtn {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: flex-start;
}

.summary-cont-card-textbullet {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: flex-start;
    width: 1px;
}

.summry-cont-card-textlist {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}

.summary-footer-mrc-info {
    white-space: nowrap;
}

.title {
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 62px;
}

.summary-cont-subtitle-text {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 62px;
}

.summary-cont-topimg {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    height: 420px;
    align-items: center;
    overflow: hidden;
    position: relative;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    align-self: stretch;
    flex-shrink: 0;
}
blockquote, dd, dl, figure, h1, h2, h3, h4, h5, h6, hr, p, pre {
    margin: 0;
}

/* html {
    font-size: 16px;
} */

input {
    max-width: 100%;
}

/* menu, ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
} */
.frame-e0zimf {
    position: absolute;
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 16px;
    align-items: center;
    left: 252px;
    top: 447px;
    width: 392px;
}

.frame-e0zime {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.spac-e0zimd {
    white-space: nowrap;
}

.sub {
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 24px;
}

.sub-flugr9 {
    font-weight: 400;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 24px;
}

.useruser {
    position: absolute;
    display: block;
    height: 24px;
    left: 220px;
    top: 452px;
    width: 24px;
    z-index: 0;
}

.table-result-view {
    position: absolute;
    border-color: #c9cdd6;
   /*  border-width: 1px; */
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    left: 220px;
    border-radius: 10px;
    top: 501px;
    width: 1480px;
}

.subtop-result {
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: flex-start;
    left: 220px;
    top: 240px;
    width: 1480px;
}

.text-title-result {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
}

.title-xmlft4 {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 62px;
}

.list-table-result {width:1480px;margin:15px auto 0 auto;overflow:hidden;}
.list-table-result table {width:100%;}
/* .list-table-result table thead th {padding:15px 8px; word-break:break-all; font-size:16px; color:#333; letter-spacing:-1px; text-align:center; border-bottom:#454545 1px solid; border-left:#ddd 1px solid;}
.list-table-result table thead th:first-child {border-left:none;}
.list-table-result table tbody td {min-height:30px; padding:12px 5px; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; background:#fff; overflow:hidden;}
.list-table-result table tbody td:first-child {border-left:none;}
.list-table-result table tbody th {min-height:30px; padding:12px 5px 12px 15px; text-align:left; text-overflow:ellipsis; white-space:nowrap; word-break:break-all; border-bottom:#ddd 1px solid; border-left:#ddd 1px solid; background:#fff; overflow:hidden;}
.list-table-result table tbody th:first-child {border-left:none;}
.list-table-result table tbody ul {width:100%; overflow:hidden;}
.list-table-result table tbody ul li {padding:3px 0 3px 10px; background:url('../images/btnIcn/icn_dot01.gif') 0 13px no-repeat;} */


.list-paging-result{
	position: absolute;
    top: 1120px;
    margin-left: 350px;
	width: 1200px;
    text-align: center;
    overflow: hidden;
	padding-top: 40px !important;
}

/* .list-paging-result {width:1200px; margin:0 auto; text-align:center; overflow:hidden;} */
.list-paging-result a {display:inline-block; padding:9px 12px; text-align:center; line-height:12px; border:#ccc 1px solid; background:#f1f1f1;}
.list-paging-result a:first-child {padding:9px 14px; background:#fff;}
.list-paging-result a:last-child {padding:9px 14px; background:#fff;}
.list-paging-result a:hover {border:#5a5a5a 1px solid; background:#707070; color:#fff;}
.list-paging-result a.active {border:#005BAA 1px solid; background:#005BAA; color:#fff;}



.table-result-total {
    width: 100%;
    border-collapse: collapse;   /* gộp viền ô */ 
    color: #050505;               /* màu chữ đen */
    font-size: 18px;         /* cỡ chữ lớn hơn */
    font-family: Pretendard;
 /*    border-radius: 12px;              bo tròn toàn bộ bảng
    overflow: hidden;                 cắt góc nếu có box‑shadow hoặc background */
}
.table-result-total td {
    border: 1px solid #c9cdd6;      /* viền các ô */
	padding: 15px 15px;
    text-align: center;      /* ngang */
    vertical-align: middle; /* dọc */
}
.table-result-total th {
    text-align: center;      /* ngang */
    vertical-align: middle; /* dọc */
    padding: 0.8rem 0.5rem;  /* tùy chỉnh */
    background:#f8f8f8;
    font-weight: 600;
    color: #050505;               /* màu chữ đen */
    font-size: 18px;         /* cỡ chữ lớn hơn */
    line-height: 1.5;          /* khoảng cách dòng tốt hơn */
    border-left: #c9cdd6 1px solid;
    border-top: #c9cdd6 1px solid;
    border-right: #c9cdd6 1px solid;
}
.btn-summary-level-diagnosis {
    /* background-color: #0056ffff; */
   /*  background-color: #050505ff;
    display: flex;
    flex-direction: row;
    gap: 4px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    cursor: pointer; */
    cursor: pointer;
     background-color: #050505ff;
    display: flex;
    flex-direction: row;
    gap: 4px;
    height: 36px;
    align-items: center;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 20px;
    flex-shrink: 0;
    width: 152px;
}
.text-btn-summary-level-diagnosis {
    white-space: nowrap;
    font-weight: 600;
    font-family: Pretendard;
    line-height: 140%;
    color: #ffffff;
    font-size: 18px;
}
.btn-summary-level-diagnosis-iconarrow {
    display: block;
    height: 19.999996185302734px;
    flex-shrink: 0;
    width: 20px;
}
.tip-dx-sum {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 16px;
}

.tip-dx-icon {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: row;
    gap: 4px;
    align-items: center;
}

.tip-dx-text {
    flex-shrink: 0;
    width: 1480px;
    font-weight: 700;
    font-family: Pretendard;
    line-height: 140%;
    color: #050505;
    font-size: 20px;
}
.lightbulb {
    display: block;
    height: 24px;
    flex-shrink: 0;
    width: 24px;
}
.tip-dx-desc {
    width: 1480px;
    font-weight: 400;
    font-family: Pretendard;
    line-height: 140%;
    color: #484c51;
    font-size: 20px;
}
.tip-ax-sum {
    grid-column: span 1 / span 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 6px;
}
.table-result-total a {text-decoration:underline; color:#0057ff;}
.table-result-total a:hover {text-decoration:underline; color:#0057ff;}

@media all and (min-width:1200px) {
	.summary-header-btns{margin-left: 800px;}
}
@media all and (min-width:2000px) {
	.summary-header-btns{margin-left: 800px;}
}