/* line 1, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper {
    position: fixed;
    bottom: 5px;
    width: 100%;
    padding: 0 15px;
    z-index: 1000;
    box-sizing: border-box;
}
/* line 8, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content {
    position: relative;
    background: rgba(255, 255, 255, 0.95);
    border: 1px solid rgba(51, 51, 51, 0.2);
    box-shadow: none;
    border-radius: 5px;
    padding: 5px;
    display: grid;
    max-width: 600px;
    margin: 0 auto;
    grid-template-columns: 28px auto auto;
    column-gap: 10px;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    color: #333333;
}

.yp-cookie-wrapper .yp-cookie-content .pdpa-message {
    font-size: 14px;
}

/* line 23, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content p {
    line-height: 140%;
    font-size: 12px;
    margin-bottom: 0;
}
/* line 28, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn {
    border-radius: 25px;
    font-size: 12px;
}
/* line 30, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn.btn-change-preferences {
    background-color: #F2F2F2;
    color: #333333;
    border: 1px solid rgba(51, 51, 51, 0.2);
}
/* line 34, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn.btn-change-preferences:hover {
    background-color: transparent;
}
/* line 38, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn.btn-accept-pdpa {
    background-color: #FFCC00;
    color: #404142;
    border: 1px solid transparent;
}
/* line 42, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn.btn-accept-pdpa:hover {
    background-color: transparent;
    border-color: #FFCC00;
}

/* line 53, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-header {
    padding: 10px;
    color: #333333;
}

.yp-pdpa-modal .modal-header button{
    position: absolute;
    right: 20px;
}

/* line 56, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-header button.close {
    color: #333333;
}
/* line 62, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body {
    color: #333333;
}

.yp-pdpa-modal .modal-body .row {
    margin: 0;
}
/* line 66, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .btn-tools {
    margin-bottom: 10px;
}
/* line 70, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference {
    border: 1px solid #DCDCDC;
    border-radius: 5px;
}
/* line 73, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content {
    padding-top: 10px;
    padding-bottom: 10px;
}
/* line 76, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content p {
    font-size: 12px;
    line-height: 120%;
    margin-top: 10px;
}
/* line 82, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content .input-checked.disabled {
    cursor: not-allowed;
}
/* line 86, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content .switch {
    position: absolute;
    right: 0;
}
/* line 89, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content .switch.disabled {
    cursor: not-allowed;
}
/* line 91, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .row-content .switch.disabled .switch-slider {
    cursor: not-allowed;
}
/* line 97, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .modal-body .modal-pdpa-preference .border-bottom {
    border-bottom: 1px solid #DCDCDC;
}
/* line 104, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .btn-tools .btn {
    border-radius: 25px;
}
/* line 106, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .btn-tools .btn.btn-not-accept-pdpa {
    background-color: transparent;
    border: 1px solid #32cd32;
    color: #32cd32;
}
/* line 110, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .btn-tools .btn.btn-not-accept-pdpa:hover {
    background-color: #32cd32;
    color: #FFFFFF;
}
/* line 115, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .btn-tools .btn.btn-accept-pdpa, .yp-pdpa-modal .btn-tools .btn.btn-accept-pdpa-all, .yp-pdpa-modal .btn-tools .btn.btn-save-pdpa {
    background-color: #32cd32;
    color: #FFFFFF;
    border: 1px solid #32cd32;
}
/* line 120, ../../assets/sass/components/stylesheets/_pdpa-cookies.scss */
.yp-pdpa-modal .btn-tools .btn.btn-accept-pdpa:hover, .yp-pdpa-modal .btn-tools .btn.btn-accept-pdpa-all:hover, .yp-pdpa-modal .btn-tools .btn.btn-save-pdpa:hover {
    background-color: transparent;
    color: #32cd32;
}

/*Tablet and Mobile*/
@media (max-width: 991px) {
    .yp-cookie-wrapper .yp-cookie-content .pdpa-message {
        font-size: 12px;
    }

    .yp-cookie-wrapper .yp-cookie-content p {
        font-size: 10px;
    }

    .yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn {
        font-size: 10px;
    }

    .yp-cookie-wrapper .yp-cookie-content {
        max-width: 460px;
    }
}

@media (max-width: 575px) {
    .yp-cookie-wrapper .yp-cookie-content .pdpa-message {
        font-size: 10px;
    }

    .yp-cookie-wrapper .yp-cookie-content p {
        font-size: 8px;
    }

    .yp-cookie-wrapper .yp-cookie-content .pdpa-tools .btn {
        font-size: 8px;
        padding: 5px;
    }

    .yp-cookie-wrapper .yp-cookie-content {
        max-width: 260px;
    }
}