/* popup travel */
.mb-15 {
    margin-bottom: 15px !important;
}

.f-14 {
    font-size: 14px !important;
}

.f-13 {
    font-size: 13px !important;
}

.f-12 {
    font-size: 12px !important;
}

.f-18 {
    font-size: 18px !important;
}

.br-1 {
    border-right: #fff solid 1px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.remark-sym {
    /* font-family: Helvetica, Arial, serif; */
    font-size: 13px;
}

 .accordion-revise-bb .accordion-content ul.remark-sym, .accordion .accordion-content ul.remark-sym {
    padding-left: 0;
    margin-bottom: 0;
    margin-left: 0 !important;
    list-style: none;
}

 .accordion-revise-bb .accordion-content .remark-sym, .accordion .accordion-content .remark-sym {
    /* font-family: Helvetica, Arial, serif !important; */
    font-size: 13px;
}

 .accordion-revise-bb .accordion-content .remark-sym strong, .accordion .accordion-content .remark-sym strong {
    /* font-family: Helvetica, Arial, serif !important; */
    color: #333333 !important;
}

 .accordion-revise-bb .accordion-content ul.remark-sym li:nth-child(1):before, .accordion .accordion-content ul.remark-sym li:nth-child(1):before { content: "*"; }
 .accordion-revise-bb .accordion-content ul.remark-sym li:nth-child(2):before, .accordion .accordion-content ul.remark-sym li:nth-child(2):before { content: "**"; }
 .accordion-revise-bb .accordion-content ul.remark-sym li:nth-child(3):before, .accordion .accordion-content ul.remark-sym li:nth-child(3):before { content: "***"; }
 .accordion-revise-bb .accordion-content ul.remark-sym li:nth-child(4):before, .accordion .accordion-content ul.remark-sym li:nth-child(4):before { content: "****"; }

 .accordion-revise-bb .accordion-content ul.remark-sym li, .accordion .accordion-content ul.remark-sym li {
    display: flex;
}

 /* .accordion-revise-bb .accordion-content ul.remark-sym li a, .accordion .accordion-content ul.remark-sym li {
    display: contents;
    color: #00B956;
    font-family: Arial, Helvetica, sans-serif !important;
} */

 .accordion-revise-bb .accordion-content ul.remark-sym li a:hover, .accordion .accordion-content ul.remark-sym li a:hover {
    text-decoration: underline;
}

 .accordion-revise-bb .accordion-content ul.remark-sym li:before, .accordion .accordion-content ul.remark-sym li:before {
    display: inline-block;
    min-width: 2em;
}

#popup-travel .sc-container .travel-header {
    font-size: 24px;
    line-height: 1.5;
    font-weight: 600;
    /* font-family: Kanit, notosansthai, Arial, sans-serif; */
}

#popup-travel .sc-container .travel-sub-header {
    font-size: 16px;
    color: #666;
    /* font-family: Kanit, notosansthai, Arial, sans-serif; */
}

 .mfp-content #popup-travel a {
    color: #00B956;
    text-decoration: underline;
}

 .mfp-content #popup-travel .table-travel {
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.06);
    border-collapse: collapse;
    max-width: none;
    overflow: hidden;
    margin-top: 30px;
    margin-bottom: 10px;
    border-radius: 10px;
}

.mfp-content #popup-travel .table-travel thead tr th {
    text-align: center;
    color: #fff;
    padding: 10px;
}

.kcc .mfp-content  #popup-travel .table-travel th {
    font-size: 16px;
}

 .mfp-content #popup-travel .table-travel tbody tr td {
    background: #fff;
    color: #666 !important;
    font-weight: 500;
    vertical-align: middle;
    /* font-family: Kanit, notosansthai, Arial, sans-serif; */
}

.mfp-content .entrycontent #popup-travel .table-travel tbody tr td {
    /* font-family: Helvetica, Arial, sans-serif; */
    padding: 10px;
}

 .mfp-content #popup-travel .table-travel tbody tr td:first-child {
    text-align: left;
}

 .mfp-content #popup-travel .table-travel th {
    padding: 10px;
}

.mfp-content #popup-travel .table1 .table-travel th:nth-child(2) {
    border-left: #fff solid 1px !important;
    border-right: none;
}

.mfp-content #popup-travel .table-travel tr:nth-child(2) th, .mfp-content #popup-travel .table-travel tr:nth-child(3) th {
    border-left: #fff solid 1px !important;
}

 .mfp-content #popup-travel .table1 .table-travel th {
    background: #00A94F;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table1 .table-travel tbody tr td:nth-child(2) {
    background: #F8FDFB;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table1 .table-travel tbody tr td:nth-child(3) {
    background: #F2FBF6;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table2 .table-travel th {
    background: #0E4C49 !important;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table2 .table-travel tbody tr td:nth-child(2) {
    background: #F2F6F5;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table2 .table-travel tbody tr td:nth-child(3) {
    background: #ECF0EF;
    text-align: center;
    vertical-align: middle;
}

 .mfp-content #popup-travel .table2 .table-travel tbody tr td:nth-child(4) {
    background: #E7EDED;
    text-align: center;
    vertical-align: middle;
}

.bb.f-helv {
    /* font-family: Helvetica, Arial, sans-serif !important; */
}

.kcc.popup-content-style .mfp-content .table tbody tr:last-child td:first-child {
    border-bottom: none;
}

.mfp-content #popup-travel .table-travel thead tr:first-child th:nth-child(2), .mfp-content #popup-travel .table2 .table-travel tr:nth-child(2) th {
    border-bottom: #fff solid 1px !important;
    border-left: #fff solid 1px;
}

.kcc .mfp-content .table-travel thead tr:first-child th:last-child {
    border-top-right-radius: 10px;
}

.kcc .mfp-content .table-travel thead tr:first-child th:first-child {
    border-top-left-radius: 10px;
}

.kcc .mfp-content .table-travel th:not(:last-child), .kcc .mfp-content .table-travel td:not(:last-child), .kcc .mfp-content .table-travel tbody tr:last-child td, .kcc .mfp-content .table-travel thead tr:last-child th {
    border-right: solid 1px #E6E6E6;
}

.kcc .mfp-content .table-travel th, .kcc .mfp-content .table-travel td:not(:first-child) {
    text-align: center;
}

.mfp-content #popup-travel .table1 .table-travel tbody tr td:nth-child(4) {
    background: #edf8f2;
    text-align: center;
    vertical-align: middle;
}

@media screen and (max-width: 991px) {
    #popup-travel .sc-container .travel-header {
        font-size: 20px;
    }
}
/* end popup travel */

/* ##### upload ##### */
.upload {
    display: flex;
    padding: 20px 0 5px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 10px;
}

.upload .link-upload {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-size: 13px !important;
    text-decoration: none !important;
    /* font-family: Kanit, notosansthai, Arial, sans-serif; */
}

.mfp-content .icw .main-container .upload .link-upload {
    /* font-family: Helvetica, Arial, sans-serif !important; */
}

.upload .link-upload p {
    font-weight: 500;
}

.upload .link-upload {
    color: #094c49 !important;
}

.upload.mb-15 .link-upload {
    color: #00A94F !important;
}

.upload .link-upload:hover {
    text-decoration: underline !important;
}

@media screen and (min-width: 767px) {
    .upload {
        align-items: center;
        gap: 20px;
        flex-direction: row;
    }

    .upload .link-upload.line {
        border-left: 1px solid #e3e3e3;
        padding-left: 20px;
    }

    .upload .link-upload {
        font-size: 16px !important;
    }
}

/* ##### upload ##### */