#CookielawBanner {
    background: rgba(50, 50, 50, 1);
    padding: 20px 12px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 9999;
    color: #fff;
    max-width: 600px;
    border-radius: 4px;
    text-align: center;
    bottom: auto;
    animation: fadeIn ease 1.5s;
    -webkit-animation: fadeIn ease 1.5s;
    width: 100%;
}

#CookielawBanner #CookielawCross {
    bottom: 0;
    right: 0;
    width: 100vw;
    z-index: 100;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transform: translateX(0);
    transition: transform 0.2s ease-in-out;
}

#your-privacy-container {
    padding: 0;
    font-size: 14px;
    line-height: 1.5;
    max-width: 1024px;
    margin: 0 auto;
    text-align: center;
}

#your-privacy-title-container {
    display: block;
    margin-bottom: 10px;
}

#your-privacy-title {
    font-size: 1.2em;
    color: #fff;
    margin: 10px 0 0 0;
    letter-spacing: 1px;
    font-weight: 600;
}

#your-privacy-paragraph {
    margin: 8px 0;
    line-height: 1.5;
}

.close-modal {
    display: none !important;
}

.table-container {
    display: table;
    width: 100%;
    margin-top: 10px;
}

.table-row {
    display: table-row;
    width: 100%;
}

.row-header {
    background: #b4a258;
    color: #fff;
}

.table-cell {
    display: table-cell;
    padding: 10px;
}

.button-link {
    background: none !important;
    border: none;
    padding: 0 !important;
    color: #b4a258;
    text-decoration: none;
    cursor: pointer;
}

.button-link:hover {
    color: #fff;
    transition: color 0.2s ease-in-out;
}

.slide {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    padding: 8px;
    color: #fff;
}

.slide:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: 46px;
    top: 3px;
    background-color: white;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

input:checked + .slide {
    background-color: #b4a258;
    padding-left: 40px;
}

input:focus + .slide {
    box-shadow: 0 0 1px hsl(48, 68%, 35%);
}

input:checked + .slide:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
    left: -23px;
    top: 3px;
}

input + .slide:before {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px);
}

.slide.round {
    border-radius: 34px;
}

.slide.round:before {
    border-radius: 50%;
}

.switchBtn {
    position: relative;
    width: 70px !important;
    height: 25px;
    top: -9px;
    float: right !important;
}

.switchBtn input {
    display: none;
}

.switchBtn input + .slide:after {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    top: 4px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.switchBtn input:checked + .slide:after {
    position: absolute;
    font-size: 14px;
    font-weight: 700;
    color: rgb(255, 255, 255);
    top: 4px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.paragraph {
}

/* ************ ENGLISH ************ */
.switchBtn.en input:checked + .slide:after {
    content: "Yes";
}

.switchBtn.en input + .slide:after {
    content: "No";
}

/* ************ CHINESE ************ */
.zh-hans input:checked + .slide {
    padding-left: 50px;
}

.switchBtn.zh-hans input + .slide:after {
    content: "否";
}

.switchBtn.zh-hans input:checked + .slide:after {
    content: "是";
}

.paragraph.zh {
    line-height: 1 !important;
}

/* ************ THAI ************ */
.th input:checked + .slide {
    padding-left: 48px;
}

.switchBtn.th {
    width: 115px !important;
}

.switchBtn.th input + .slide:after {
    content: "ปิดการใช้งาน ";
}

.switchBtn.th input:checked + .slide:after {
    content: "เปิดใช้งาน";
}

.slide.th:before {
    left: 93px;
}

.paragraph.th {
    line-height: 1.25 !important;
}

/* ************ JAPANESE ************ */
.switchBtn.ja {
    width: 75px !important;
}

.switchBtn.ja input + .slide:after {
    content: "いいえ";
}

.switchBtn.ja input:checked + .slide:after {
    content: "はい";
}

.slide.ja:before {
    left: 52px;
}

.paragraph.ja {
    line-height: 1 !important;
}

/* ************************ */

.manage-form-container {
    display: table;
    width: 100%;
}

.manage-form-cell {
    display: table-cell;
    padding: 10px;
    border-bottom-style: solid;
    border-bottom-color: #58595b;
    border-bottom-width: 1px;
}

.manage-form-row {
    display: table-row;
    width: 100%;
}

.manage-form-buttons {
    background-color: #58595b;
    padding: 10px;
    text-align: center;
}

#allow-button {
    border-color: #ffffff;
    margin-right: 20px;
}

#form-cell-label {
    width: 80%;
}

#form-cell-button {
    width: 20%;
    vertical-align: bottom;
}

.form-label {
    font-weight: 700;
}

/* custom radio */

.radiobuttons {
    background-color: white;
}

.radiolabel {
    font-size: 18px;
    color: #000000;
    opacity: 0.9;
    margin-right: 20px;
}

.radiobtn[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 25px;
    height: 25px;
    padding: 4px;
    /* background-color only for content */
    background-clip: content-box;
    border: 2px solid #000000;
    opacity: 0.4;
    border-radius: 50%;
    vertical-align: bottom;
}

/* appearance for checked radiobutton */
.radiobtn[type="radio"]:checked {
    background-color: #b4a258;
    border: 2px solid #b4a258;
    opacity: 1;
}

.radiogroup {
    vertical-align: middle;
    margin-bottom: 20px;
}

.text_read_only {
    display: flex;
    justify-content: right;
    align-items: flex-start;
    padding: 10px 0 10px 0;
    color: #b4a258;
    font-weight: 700;
}

.button-cancel {
    margin-bottom: 10px;
}

@media (max-width: 767px) {
    #CookielawBanner {
        width: 100%;
        margin: 0 auto;
        padding: 12px;
        bottom: 0;
        top: auto;
        transform: translate(-50%, 0);
        border-radius: 0;
    }

    #your-privacy-title {
        padding: 10px;
        margin: auto;
    }

    #your-privacy-container {
        color: #ffffff;
        text-align: center;
        padding: 0 10px 0 10px;
        width: 100%;
    }

    #allow-button {
        border-color: #ffffff;
        margin-right: 0px;
        margin-bottom: 10px;
        width: 80%;
    }

    #my-preferences-button {
        width: 80%;
    }

    .text_read_only {
        display: flex;
        justify-content: right;
        align-items: flex-start;
        padding: 10px 0 10px 0;
        color: #b4a258;
        font-weight: 700;
        text-align: end;
    }
}

@media (max-width: 900px) {
    .radiogroup {
        display: none !important;
    }
}

@media (max-width: 600px) {
    .button-cancel {
        margin-bottom: 20px;
    }
}