.custom-xml-processor-required {
    color: #DB2400;
}

.main-customerID-input-field {
    display: flex;
    width: 80%;
    margin: auto;
}

.container {
    margin-top: 200px;
    /* border: #081d6b 3px solid; */
    width: 920px;
    height: 500px;
    /* background-color: lightgray; */
    margin: auto;
}


.top-15 {
    display: block;
    background-color: white;
    text-align: center;
    margin-top: 50px;
    width: 100%;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    color: #00159F;
    font-size: 18px;
    font-weight: bold;
}

.bottom-85 {
    height: 65%;
    display: flex;
    /* background-color: aqua; */
}

.bottom-left-50, .bottom-right-50 {
    display: inline-block;
    width: 49%;
    height: 100%;
}

    .bottom-left-50.dentiq3D {
        margin: auto;
    }

.bottom-left-top-50 {
    background-image: url(src/dongle.png);
    background-position: calc(50% - 10px) center;
    background-repeat: no-repeat;
    background-size: 22%%;
}

.bottom-right-top-50 {
    background-image: url(src/Weblicense.png);
    background-position: center; /* Center the image horizontally and align it to the bottom */
    background-repeat: no-repeat; /* Prevent the background image from tiling */
    background-size: 30%;
    /*    background-size: contain;*/
}

.bottom-left-top-50, .bottom-right-top-50 {
    width: 100%;
    height: 50%;
    display: flex; /* Use flexbox */
    justify-content: center; /* Center horizontally */
    align-items: flex-end; /* Center vertically */
    /*    margin-bottom: 20px;*/
}


.bottom-left-50 {
    position: relative; /* Required for absolute positioning of the pseudo-element */
}

    .bottom-left-50::after {
        content: '';
        position: absolute;
        right: 0;
        top: 32%;
        height: 55%;
        width: 1.5px;
        background-color: lightgray;
    }

    .bottom-left-50.dentiq3D::after {
        background-color: white;
    }

.bottom-left-des1-15, .bottom-right-des1-15, .bottom-left-des2-15, .bottom-right-des2-15 {
    margin: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-height: 15%;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 21px;
    font-weight: bold;
    color: black;
}

.bottom-left-des2-15, .bottom-right-des2-15 {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 16px;
    font-weight: normal;
}

.bottom-right-buttom-20, .bottom-left-buttom-20 {
    color: white;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    margin-top: 15px;
    width: 80%;
    height: 65px;
    border-radius: 10px;
}

#Purchase-Dentiq3D-Dongle, #Purchase-DentiqGuide-Dongle {
    background-color: #FA9760;
    cursor: pointer;
    margin-top: 40px;
}

#Purchase-DentiqGuide-Credit, #Purchase-DentiqCAD-Credit {
    background-color: #67759E;
    cursor: pointer;
}


.bottom-left-button-5-1, .bottom-left-button-5-2 {
    width: 70%;
    display: block;
    margin: auto;
    margin-top: 3px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    text-align: left;
    font-size: 13px;
    font-weight: bold;
    color: #FA9760;
}

.bottom-left-button-5-2 {
    color: #608EC0;
}

/*---------------------------------------------------------------------------------------*/
/* 버튼 섹션 END------------------------------------ */
/* 새로운 고객 구매 버튼 섹션 START ----------------- */
.purchase-button {
    background-color: #007BFF;
    color: white;
    border: none;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: block;
    margin: 20px auto;
    font-size: 16px;
    cursor: pointer;
}

.headline-purchaseOrder, .subline-purchaseSummary {
    clear: both;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: bolder !important;
    font-size: 21px;
    color: #081d6b;
}

.donglekey-instruction {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 15px;
    color: #F8521E;
    padding: 10px 0px 0px 0px;
}

.subline-inputfield-instruction {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-size: 15px;
    color: #F8521E;
    padding: 10px 0px 0px 10px;
}

.headline-purchaseOrder {
    display: flex;
    margin: auto;
    justify-content: center !important;
}

.subline-purchaseSummary /* 수정항목 */ {
    font-weight: bold;
    font-size: 17px;
    display: block;
    margin-top: 20px; /* 수정항목 */
    margin-bottom: -5px; /* 수정항목 */
}

.product-selection-section {
    padding-left: 10px;
    max-width: 100%;
}

.container-product-selection-page {
    margin-bottom: 150px;
    /* border: 3px solid red; */
    width: 65%;
    margin: auto;
}

.label-productSelection-headline /* 수정항목 */, .subline-purchase-licenseID, .subline-purchase-customerID {
    font-weight: 400;
    font-size: 16px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    color: #081d6b;
    margin-top: 10px; /* 수정항목 */
    margin-bottom: 2px; /* 수정항목 */
}

.subline-purchase-licenseID, .subline-purchase-customerID /* 수정항목 */ {
    padding-left: 10px;
    /* margin-bottom: -5px; */ /* 수정항목 */
    margin-top: 10px; /* 수정항목 */
}

.subline-purchase-licenseID-value, .subline-purchase-customerID-value {
    display: block;
    margin: -10px 0px -5px 0px;
    padding: 0;
    width: 100%;
    color: black;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

.form-section-for-licenseInfo label, .form-section-for-licenseInfo .text-field /* 수정항목 */ {
    font-weight: normal;
    font-size: 16px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    color: #081d6b;
    /* margin-top: 10px;
    margin-bottom: 2px; */
    max-width: 100%;
}


/*Dongle Modal Section*/
/*-----------------------------------------------------------*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgba(0, 0, 0, 0.5); /* Black w/ opacity */
}

/* Modal content */
.modal-content {
    background-color: #fff;
    margin: 10% auto;
    padding: 20px;
    border: 1px solid rgba(136, 136, 136, 0.5); /* Add some transparency for a blurred effect */
    width: 90%;
    max-width: 850px;
    min-height: 80%;
    overflow-y: auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Add a box shadow */
    backdrop-filter: blur(5px); /* Apply a blur effect */
}

#dongle-modal-link {
    padding-left: 0px !important;
    color: #005599;
}
/* Close button */
.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: black;
        text-decoration: none;
        cursor: pointer;
    }

/* Images inside modal */
.modal-images {
    display: flex;
    flex-direction: column;
}

.modal-image {
    width: 100%;
    height: 400px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

.modal-description-text {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    font-size: 16px;
}
/* Set background images */
#modal-image-1 {
    background-image: url('src/modal-instruction-img1');
}

#modal-image-2 {
    /*    background-image: url('src/image2.png');*/
}

#modal-image-3 {
    /*    background-image: url('src/image3.png');*/
}

/*-----------------------------------------------------------*/
.label-partner-description, .purchase-agreement-description, .korean-name-description { /* 수정항목 */
    padding-left: 10px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    font-size: 14px;
    color: gray;
    display: block;
    margin-top: 5px; /* 수정항목 */
    line-height: 1.3;
    margin-bottom: 10px;
}

.purchase-agreement-description /* 수정항목 */ {
    font-size: 16px;
    margin-left: 10px;
    color: black;
    margin-right: 10px;
    margin-top: 0px;
    padding-left: 20px; /* 수정항목 */
    margin-top: -5px;
}

.container-purchase-agreement {
    margin-left: 10px;
}

.container-purchase-agreement-text {
    display: flex;
    align-items: center;
    font-size: 0.8em; /* Adjust the font size as needed */
    color: gray; /* Adjust text color as needed */
    padding-left: 10px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    font-size: 0.5em;
    color: #081d6b;
    margin-top: 5px;
    line-height: 1.3;
}


.custom-radio-button {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid #d1d3d4;
    border-radius: 20%;
    background-color: #fff;
    transform: translate(0px, 2px);
}

    .custom-radio-button::before {
        content: '';
        width: 10px; /* Width of inner circle */
        height: 10px; /* Height of inner circle */
        border-radius: 10%; /* Makes it circular */
        background-color: #081d6b; /* Background of selected radio button */
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%) scale(0);
        transition: transform 0.2s ease; /* Smooth transition for the inner circle */
    }

input[type="radio"]:checked + .custom-radio-button::before {
    transform: translate(-50%, -50%) scale(1); /* Scale inner circle to full size when checked */
}

.payment-agree-text-label /* 수정항목 */ {
    font-size: 18px; /* 수정항목 */
    font-weight: bold;
    margin-top: 5px;
    /*    margin-right: 10px;*/
    color: #081d6b;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}


.container-purchase-agreement input[type="radio"] {
    margin-right: 5px; /* Space between radio button and text */
}

.label-partner-description a {
    color: #005599;
}

    .label-partner-description a:hover {
        cursor: pointer;
    }

.form-section-for-licenseInfo label /* 수정항목 */ {
    padding-left: 10px;
    margin-top: 10px; /* 수정항목 */
    margin-bottom: 2px; /* 수정항목 */
}

.form-section-for-licenseInfo {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    margin: auto;
}

/* 프러덕트 버튼 섹션 END ---------------------------- */
/* 커스터머 정보 섹션 START -------------------------- */
.container-licenseCheckForm {
    height: 100%;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    /*    padding: 0px 0px 139px 0px;*/
}

.form-section-for-licenseInfo.additional-info .text-field /* 수정항목 */ {
    margin-left: 10px;
    width: 98.7%;
    /* margin-bottom: 15px; */ /* 수정항목 */
}

.text-field /* 수정항목 */ {
    text-decoration: none;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    width: 100%;
    height: 45px;
    font-size: 16px;
    padding: 4px 12px;
    /* margin-bottom: 10px; */
    border-radius: 2px;
    color: #7a7a7a;
    line-height: 1;
}

input[type="text"]:focus {
    border-color: #0073aa !important;
}

select.text-field::after {
    border-color: #0073aa !important;
}

select.text-field:focus {
    border-color: #0073aa !important;
}

select.text-field::selection {
    border-color: #0073aa !important;
}

select.text-field:checked {
    border-color: #0073aa !important;
}

select.text-field option:checked {
    border-color: #0073aa !important;
}

.original-price-strikethrough {
    text-decoration: line-through;
    color: grey;
}

/* 커스터머 정보 섹션 END ---------------------------- */
/* 멤버쉬 커스터머 스타일 START -------------------------- */
/* 라이센스 체크 컨테이너 */

.purchase-order-medit-description {
    align-content: center;
    justify-content: center;
    text-align: center;
    font-size: 18px;
    display: block;
    color: #081d6b;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}

#licenseCheckForm {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%; /* Adjust the width as needed */
    max-width: 600px; /* Maximum width of the form */
    box-sizing: border-box;
    padding-top: 20px;
    /*    margin-bottom: 90px;*/
}
/* Purchase for Membership */
.headline-membership-summart {
    clear: both;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: bold !important;
    color: #081d6b;
    /*    font-weight: bold;*/
    font-size: 21px;
    display: flex;
    margin-top: 10px;
    justify-content: center;
    padding: 30px;
}

.label-membershipTitle {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    color: #081d6b;
    font-size: 16px;
    font-weight: 400;
    display: block;
    width: 85%;
    margin: auto;
    margin-bottom: 3px;
}
/* 라이센스 입력란 카테코리 */
.input-membership-text-field { /* 수정항목 */
    display: flex;
    margin: auto;
    height: 45px;
    /*margin-bottom: 20px !important;*/
    border: solid 1px #ccc !important;
    border-radius: 2px !important;
    width: 100%;
    padding: 4px 12px !important;
    line-height: 1;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    color: #7a7a7a;
    font-size: 12px;
    font-weight: normal;
    margin: 10px 10px 10px 0px;
}

/* 라이센스 입력란 */
.container-customer-info .text-field {
    margin: 10px !important;
    margin-bottom: 20px !important;
    border: solid 1px #ccc !important;
    border-radius: 5px !important;
}
/* 라이센스 Search 체크 버튼 */
#btnCheckLicense, #btnCheckLicense-CAD { /* 수정항목 */
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    background-color: #67759E !important;
    width: 40% !important;
    font-weight: bold !important;
    display: flex;
    font-size: 15px;
    justify-content: center;
    margin: 10px 0px 10px 0px;
    height: 45px;
    padding: 0px;
}


/* 멤버쉬 커스터머 스타일 END -------------------------- */

/* 라이센스 리스트 스타일 START -------------------------- */

.listSection-licenseIDs {
    height: 100%;
    margin: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    margin-top: 30px;
}

#licenseList {
    list-style: none;
    padding: 0;
    margin: 0;
}

    #licenseList li {
        margin-bottom: 10px;
        width: 500px;
        margin-bottom: 15px;
        /*background-color: #f9f9f9;*/ /* Background color for the list item */
        /*border: 1px solid #ddd;*/ /* Border color for the list item */
        /*border-radius: 10px;*/ /* Rounded corners for the list item */
        overflow: hidden;
        Ensures the border radius applies to children
        /*border: 1px solid #ccc;*/ /* Border around each list item */
        margin-bottom: 10px; /* Space between list items */
        /*border-radius: 12px;*/ /* Rounded corners for the border */
        /*        box-shadow: 1px 1px 3px rgba(0,0,0,0.1);*/
    }

        #licenseList li a.soloCheck-license-item { /* 수정항목 */
            text-decoration: none;
            display: block; /* Makes the link fill the entire list item */
            border: 2px solid #ABAEB9; /* 수정항목 */
            border-radius: 50px;
            background-color: #F5F5F5;
        }

            #licenseList li a.soloCheck-license-item:hover {
                background-color: #ececec; /* Slight color change on hover */
            }

.soloCheck-item-content /* 수정항목 */ {
    display: flex; /* Enables Flexbox */
    align-items: center; /* Vertically centers the flex items */
    padding: 6px;
    padding-left: 20px; /* 수정항목 */
    min-height: 76px;
}

.soloCheck-image {
    margin-right: 15px; /* Adds some space between the image and the text */
    /* Adjust width and height as necessary */
    width: 50px; /* Example width */
    height: auto; /* Maintain aspect ratio */
}

.soloCheck-text-content {
    display: flex;
    flex-direction: column; /* Stacks children vertically */
    justify-content: center; /* Vertically centers the text content if there's extra space */
}

.soloCheck-product-name {
    color: black;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    font-size: 0.8em;
    margin-bottom: -7px; /* Adds some space between the product name and license ID */
}

.soloCheck-license-id {
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
    font-size: 0.7em;
    color: #333;
}




/* 라이센스 리스트 스타일 END -------------------------- */

/*부가 요소*/
.soloCheck-email-container { /* 수정항목 */
    width: 500px; /* 수정항목 */
    padding-bottom: 15px;
    border-bottom: 1px solid #ccc;
    margin: auto; /* 수정항목 */
}

.soloCheck-email-label { /* 수정항목 */
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: bold !important;
    color: #081d6b;
    font-weight: bold;
    font-size: 17px; /* 수정항목 */
}

.soloCheck-email-value { /* 수정항목 */
    padding-left: 10px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    font-weight: bold !important;
    color: #081d6b;
    font-weight: bold;
    font-size: 17px; /* 수정항목 */
}

/* Additional Info 탭 스타일 START -------------------------------------------- */
.label-additionalInfo {
    display: flex;
    align-items: center;
    position: relative;
    /* width: 85%; */
}

.label-additionalInfo-text {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    color: #081d6b;
    margin-top: 15px;
    margin-bottom: -5px;
    margin-left: 10px;
    padding-right: 10px; /* Space between text and border */
    position: relative;
    flex-shrink: 0;
    z-index: 2; /* Make sure the text is above the dotted line */
}

.label-additionalInfo-spacer {
    flex-grow: 1; /* This will take up all available space */
    position: relative;
    margin-left: 10px; /* Space from the end of the text */
    margin-right: 10px; /* Space from the toggle button */
}

    .label-additionalInfo-spacer::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        border-bottom: 2px dashed #000; /* Make dots larger by increasing border-width */
        transform: translateY(10px);
        z-index: 1; /* Below the text content */
    }

.toggleBtn-additionalInfo-trigger {
    text-decoration: none;
    padding: 0;
    transform: translateY(10px);
    font-size: 18px; /* This might need to be adjusted based on the exact size you want */
    line-height: 50px; /* Adjust based on your design */
    cursor: pointer;
    background: transparent; /* To match the image, no background color */
    border: none; /* Remove the border */
    outline: none; /* Remove outline */
    color: black; /* The color appears to be a standard blue */
    z-index: 2; /* Make sure the button is above the dotted line */
    /* Adding a transition for the hover effect */
    transition: transform 0.3s ease;
}


/* Additional Info 탭 스타일 END -------------------------------------------- */


/* 탭 스타일 START -------------------------------------------- */
.container-purchaseSummary {
    width: 100%;
    margin-top: 10px;
    /* border: red solid 5px; */
}

.container-product-option-summary /* 수정항목 */ {
    margin: 15px 10px 0px 10px; /* 수정항목 */
    max-width: 100%;
    background: #F8F9FE;
    border-radius: 5px;
    padding: 20px;
}

.label-purchase-description {
    font-weight: bold;
    font-size: 16px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    color: black;
}

.contents-product-option {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 2px dashed #CFD6F8;
    margin-bottom: 15px;
}

.selectedOption-summary-display, .selectedProduct-summary-display {
    font-weight: normal;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: block;
    color: black;
    font-size: 16px;
    margin-bottom: 15px;
}


.purchase-field-totalprice /* 수정항목 */ {
    font-weight: bold;
    font-size: 18px;
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
    display: flex;
    justify-content: right;
    color: black;
    margin-top: 10px; /* 수정항목 */
    /* margin-bottom: 10px; */ /* 수정항목 */
}

.payment-field-button-container /* 수정항목 */ {
    display: grid;
    width: 70%;
    grid-template-columns: 100%;
    justify-content: center;
    margin: auto;
}

.payment-field-button-container2 {
    display: block;
    width: 70%;
    margin: auto;
}


.payment-button {
    border-radius: 5px;
    background-color: #081D6B;
    /* width: 85%; */
    margin: 20px 0px 0px 0px;
    height: 55px;
    display: flex; /* Use Flexbox */
    justify-content: center; /* Center content horizontally */
    align-items: center; /* Center content vertically */
    text-align: center; /* Center text horizontally */
    color: white; /* Adjust text color if needed */
    font-size: 16px; /* Adjust font size if needed */
    font-family: 'Roboto', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
    /* .license-session-send-button{
    display:block;
    width: 100px;  
    height: 100px;
} */
    .payment-button:hover {
        cursor: pointer;
        opacity: 0.5;
    }

#paypal-button-container {
    max-width: none !important;
    margin-top: 21px;
}

.payment-field-button {
    margin-top: 6px;
}


/* 탭 스타일 END -------------------------------------------- */




@media (max-width: 920px) {
    .container {
    }
}

@media (max-width: 768px) {
    .container {
        width: 560px;
    }

    /*    Product select Page*/
    .container-product-selection-page {
        width: 80%;
    }

    .payment-agree-text-label, .purchase-agreement-description {
        font-size: 16px;
    }
}

@media (max-width: 520px) {
    /*    License Search Page*/
    /*    License Search Page*/
    .soloCheck-email-container {
        width: 300px;
    }

    .container.dentiqGuide-container {
        margin-bottom: 50px;
    }

    #licenseList li {
        width: 350px;
    }

    input#input-fieldID {
        margin-top: 30px;
    }

    #btnCheckLicense {
        width: 100% !important;
    }
    /*    Product select Page*/
    /*    Product select Page*/
    .container-product-selection-page {
        width: 90%;
    }

    .headline-purchaseOrder, .subline-purchaseSummary {
        font-size: 19px;
    }

    .purchase-field-totalprice, .subline-purchaseSummary {
        font-size: 16px;
    }

    .form-section-for-licenseInfo label, .form-section-for-licenseInfo .text-field, .subline-inputfield-instruction, .label-productSelection-headline, .subline-purchase-licenseID, .subline-purchase-customerID, .payment-agree-text-label, .text-field, .purchase-agreement-description {
        font-size: 15px;
    }

    .payment-button {
        font-size: 14px;
    }

    .label-partner-description, .purchase-agreement-description, .korean-name-description {
        font-size: 12px;
    }
    /*    //Product select Page*/
    .container {
        width: 350px;
        height: auto;
        margin-bottom: 100px;
    }

    #Purchase-Dentiq3D-Dongle, #Purchase-DentiqGuide-Dongle {
        margin-top: 20px;
    }

    .bottom-left-top-50, .bottom-right-top-50 {
        height: 50%;
    }

    .bottom-left-des1-15, .bottom-right-des1-15, .bottom-left-des2-15, .bottom-right-des2-15 {
        font-size: 16px;
    }

    .bottom-right-buttom-20, .bottom-left-buttom-20 {
        font-size: 14px;
        height: 45px;
        border-radius: 10px;
    }

    .main-customerID-input-field {
        display: block;
    }

    .bottom-85 {
        height: 230px;
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }

    .bottom-left-50, .bottom-right-50 {
        height: 100%;
        margin: auto;
        margin-top: 10px;
        width: 100%;
    }

        .bottom-left-50::after {
            content: '';
            position: absolute;
            left: 0;
            bottom: 20%;
            top: 100% !important;
            width: 80%;
            margin: auto;
            height: 1.5px;
            background-color: lightgray;
        }
}