.company-table {
    font-size: 32px;
    font-weight: 700;
}

.not {
    text-decoration: none;
}

.tr-font {
    font-size: 12px;
}

.bangladresh-hrvc {
    width: 20px;
    height: 20px;
    border-radius: 100px;
}

.Full-icon {
    font-size: 14px;
}

.table-border-weight {
    text-align: center;
    font-size: 13px;
}

.long-about {
    width: 350px;
}

.width-aa {
    width: 25px;
    height: 25px;
    border-radius: 3px;
}


.name-crad-company {
    /* display: -webkit-box; */
    -webkit-box-orient: vertical;
    /* max-width: 400px; */
    align-self: stretch;
    overflow: hidden;
    color: var(--HRVC---Text-Black, #30313D);
    text-overflow: ellipsis;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
}

.header-crad-company {
    display: flex;
    max-width: 265px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.city-crad-company {
    padding: 3px 5px;
    font-size: 14px;
    font-weight: 400;
    align-items: center;
    border-radius: 5px;
    background: #F0F1F3;
}

.detailname-crad-company {
    align-self: stretch;
    color: var(--HRVC---Text-Black, #30313D);

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.464px;
    /* 103.316% */
}

.bodyname-crad-company {
    color: var(--HRVC---Text-Black, #30313D);

    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 14.464px;
    /* 120.536% */
    /* 120.536% */
}

.bodyname-company {
    display: flex;
    height: 33px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 6px;
    flex: 1 0 0;
}

.create-crad-company {
    display: flex;
    height: 147px;
    /* padding: 69.568px 248.372px; */
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6.102px;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 6.102px;
    border: 1.22px dashed var(--Stroke-Bluish-Gray, #BBCDDE);
    background: #FFF;
}

.text-create-crad {
    color: var(--HRVC---Text-Black, #30313D);
    text-align: center;

    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 150%;
    /* 21px */
}


.list-table-body {
    /* display: flex;
    height: 45px;
    align-items: center;
    flex-shrink: 0; */
    align-self: stretch;
    border-radius: 3.456px;
    border: 0.864px solid var(--Color-Tokens-Border-Primary, #E4E4E4);
    background: var(--Color-Tokens-Background-Primary, #FFF);
}

.table-spacing {
    border-collapse: separate !important;
    border-spacing: 0 16px;
}

.table-spacing tbody tr {
    border-radius: 3.456px;
    background: var(--Color-Tokens-Background-Primary, #FFF);
}

.table-spacing tbody tr td {
    /* border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    padding: 16px 12px; */
    background: #F4F6F9;
}

.table-spacing tbody tr td:first-child {
    /* border-left: 1px solid #E4E4E4; */
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.table-spacing tbody tr td:last-child {
    /* border-right: 0px solid #E4E4E4; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.table-spacing thead tr th {
    /* border-top: 1px solid #E4E4E4; */
    /* border-bottom: 1px solid #E4E4E4; */
    background: #F0F2F4;
    padding-left: 12px;
    /* padding: 16px 12px; */
}

/* มุมมน + เส้นซ้าย */
.table-spacing thead tr th:first-child {
    /* border-left: 1px solid #E4E4E4; */
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

/* มุมมน + เส้นขวา */
.table-spacing thead tr th:last-child {
    /* border-right: 1px solid #E4E4E4; */
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.table-spacing thead tr th {
    /* overflow: hidden; */
    color: var(--Color-Tokens-Content-Dark-Secondary, #727272);
    text-overflow: ellipsis;

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    /* display: -webkit-box;
    -webkit-box-orient: vertical; */
}

.table-spacing tbody tr td {
    /* overflow: hidden; */
    color: var(--HRVC---Text-Black, #30313D);
    text-overflow: ellipsis;

    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    /* display: -webkit-box;
    -webkit-box-orient: vertical;
    flex: 1 0 0; */
}

.table-spacing thead th {
    position: relative;
    cursor: pointer;
    color: #727272;
}

.table-spacing thead th .sort-icon {
    font-size: 12px;
    margin-left: 4px;
    color: #B5B5B5;
    /* สีไอคอนอ่อนๆ */
    vertical-align: middle;
}

.see-all-company {
    color: var(--Primary-Blue---HRVC, #2580D3);

    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 14.464px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: 13.5%;
    text-underline-position: from-font;
}