
#reddot {
    font-family: "Noto Sans JP", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    a {
        color: #092A48!important;
    
        line-height: 1.7;
        background: none;
        border: none;
        color: rgb(32, 32, 32);
        text-decoration: underline;
        font-weight: 600;
        white-space: nowrap;
        cursor: pointer;
        user-select: none;
    
        margin: 0px;
        padding: 0px;
        border: 0px;
        font: inherit;
        vertical-align: baseline;        
    }
    a:hover {
        color: #005baa !important;
    } 
    .cn-learn-more{
        font-size: 16px;
        margin-top: 0px;
        margin-right: 20px;
        flex-grow: 0 !important;
    }
    .cm-btn{
        min-width: 108px !important;
        /* width: 100% !important; */
        height: 48px !important;
        padding: 0px 16px !important;
        flex-direction: row;
        align-items: center !important;
        justify-content: center !important;
        border-radius: 6px !important;
        font-weight: 600 !important;
        cursor: pointer !important;
        user-select: none !important;
        transition-duration: 0.2s !important;
        transition-timing-function: ease-in-out !important;
        transition-property: background-color !important;
        white-space: pre !important;
        background-color: rgb(255, 255, 255) !important;
        color: rgb(25, 25, 25) !important;
        border: 1px solid rgb(25, 25, 25) !important;
        margin: 5px !important ;
        line-height: 1.7 !important;
    }
    .cm-btn-success {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(25, 25, 25) !important;
        border: 1px solid rgb(25, 25, 25) !important;
    }
    .cm-btn-accept  {
        color: rgb(255, 255, 255) !important;
        background-color: rgb(25, 25, 25) !important;
        border: 1px solid rgb(25, 25, 25) !important;
    }
    .cn-decline{
        display: none;
    }
    .cm-btn-accept-all{
        display: none;
    }
    .cn-buttons{
        display: flex !important;
    }
    .cm-footer-buttons{
        justify-content: flex-end !important;
    }
    .silder {
        background-color: rgb(25, 25, 25) !important;
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        transition: 0.4s;
        width: 50px;
        display: inline-block;
    }
    .cookie-notice {
        position: fixed;
        background-color: #ffffff !important; 
        left: 50%;
        width: 80%; /* Set a responsive width */
        transform: translateX(-50%);
        max-width: 60% !important;
        max-height: 300px !important;
    }
    @media (max-width: 600px) {
        .cookie-notice {
          width: 100%; 
          padding: 10px 20px; 
          max-width: 100% !important;
           box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4); 
        }
        p {
            padding-right: 5px !important;
        }
      }
    .cn-changes {
        text-decoration: none !important;
    }

    /* Change Preference Dialog */
    .title {
        font-size: 20px !important;
    }
    p {
        padding-right: 5px !important;
        font-size: 17px !important;
        line-height: 20px;
        /* justify-content: space-between !important; */
        text-align: justify !important;
    }
    .cn-ok{
        margin-top: 0.5em;
    }
    .cm-body {
        border: none !important;
    }
    .cm-list-label{
        font-size: 20px !important;
        font-weight: 600 !important;
        margin-bottom: 4px !important;
        text-transform: capitalize !important;
        display: flex !important;
        justify-content: space-between !important;
        padding-bottom: 4px !important;
        word-break: break-word !important;
    }
    .cm-list-description {
        padding-right: 48px;
        font-size: 15px !important;
        line-height: 20px;
    }
    .purposes{
        font-size: 15px !important;
    }

    .reddot .cookie-modal .cm-list-input:checked+.cm-list-label .slider, .reddot .context-notice .cm-list-input:checked+.cm-list-label .slider, .reddot .cookie-notice .cm-list-input:checked+.cm-list-label .slider {
        background-color: rgb(155, 208, 22)!important;
        background-color: var(--green1, rgb(155, 208, 22))!important;
    }
    .reddot .cookie-modal .cm-list-input.half-checked:checked+.cm-list-label .slider, .reddot .context-notice .cm-list-input.half-checked:checked+.cm-list-label .slider, .reddot .cookie-notice .cm-list-input.half-checked:checked+.cm-list-label .slider {
        background-color: rgb(155, 208, 22)!important;
        background-color: var(--green1, rgb(155, 208, 22)) !important;
        opacity: 0.6;
    }
    .reddot .cookie-modal .cm-list-input.only-required+.cm-list-label .slider, .reddot .context-notice .cm-list-input.only-required+.cm-list-label .slider, .reddot .cookie-notice .cm-list-input.only-required+.cm-list-label .slider {
        background-color: rgb(155, 208, 22)!important;
        background-color: var(--green1, rgb(155, 208, 22)) !important;
        opacity: 0.8;
    }

}
