@keyframes coi_fadeIn { 0% { opacity: 0 } 100% { opacity: 1 } } body.pvCookieOptInOpened { overflow: hidden } .pvCookieOptIn { font-size: 14px; line-height: 1.42857143; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); z-index: 20000; display: flex; align-items: center; justify-content: center; padding: 15px; -webkit-animation: coi_fadeIn ease .5s; animation: coi_fadeIn ease .5s } .pvCookieOptIn, .pvCookieOptIn * { -webkit-box-sizing: border-box; box-sizing: border-box } .pvCookieOptIn button { cursor: pointer } .pvCookieOptIn .pvCoiModal { max-height: 100%; max-width: 100%; overflow-y: none; background-color: #fff; opacity: 0; width: 400px; padding: 15px; -webkit-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.75); box-shadow: 5px 5px 10px 0 rgba(50, 50, 50, 0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-animation: coi_fadeIn .8s ease .8s forwards; animation: coi_fadeIn .8s ease .8s forwards; transition: height ease .5s, width ease .5s } .pvCookieOptIn .pvCoiModal.detail { height: 600px !important; width: 800px; overflow-y: auto } .pvCookieOptIn .checkboxWrapper input { display: none } .pvCookieOptIn .checkboxWrapper input:checked+.chBox { background-color: #2b8718 } .pvCookieOptIn .checkboxWrapper input:checked+.chBox::before { margin-left: 18px } .pvCookieOptIn .checkboxWrapper input[disabled]+.chBox { background-color: #888 !important; cursor: not-allowed } .pvCookieOptIn .checkboxWrapper .chBox { margin-right: 5px; width: 38px; height: 18px; border: 2px solid #d5d5d5; background-color: #EEE; content: ""; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; transition: background-color .5s linear } .pvCookieOptIn .checkboxWrapper .chBox:hover { cursor: pointer } .pvCookieOptIn .checkboxWrapper .chBox::before { width: 16px; height: 16px; margin-top: -1px; background-color: #fff; display: block; content: ""; transition: margin .1s linear; -webkit-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px } .pvCookieOptIn .closeBtn { position: absolute; right: 0; top: 0; background: none; border: none; opacity: .3; width: 20px; height: 20px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .pvCookieOptIn .closeBtn:focus, .pvCookieOptIn .closeBtn:active { outline: none } .pvCookieOptIn .closeBtn:before, .pvCookieOptIn .closeBtn:after { position: absolute; left: 9px; top: 3px; content: ' '; height: 14px; width: 2px; background-color: #333 } .pvCookieOptIn .closeBtn:before { transform: rotate(45deg) } .pvCookieOptIn .closeBtn:after { transform: rotate(-45deg) } .pvCookieOptIn .closeBtn:hover { opacity: 1 } .pvCookieOptIn .smallView { position: relative } .pvCookieOptIn .smallView .title { font-size: 14pt; font-weight: bold; margin-bottom: 4px } .pvCookieOptIn .smallView .subtitle { font-size: 11pt } .pvCookieOptIn .smallView .primaryBtn, .pvCookieOptIn .smallView .secondaryBtn, .pvCookieOptIn .smallView .linkBtn { display: block; width: 100%; margin-top: 8px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .pvCookieOptIn .smallView .primaryBtn:focus, .pvCookieOptIn .smallView .secondaryBtn:focus, .pvCookieOptIn .smallView .linkBtn:focus, .pvCookieOptIn .smallView .primaryBtn:active, .pvCookieOptIn .smallView .secondaryBtn:active, .pvCookieOptIn .smallView .linkBtn:active { outline: none } .pvCookieOptIn .smallView .primaryBtn, .pvCookieOptIn .smallView .secondaryBtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; padding: 8px 15px } .pvCookieOptIn .smallView .primaryBtn { color: #fff; background-color: #2b8718; font-size: 16px } .pvCookieOptIn .smallView .primaryBtn:hover { background-color: #247114 } .pvCookieOptIn .smallView .secondaryBtn { background-color: #ddd; font-size: 15px } .pvCookieOptIn .smallView .secondaryBtn:hover { color: #000; background-color: #d0d0d0 } .pvCookieOptIn .smallView .linkBtn { border: none; background: none; font-size: 10pt; color: #575757 } .pvCookieOptIn .smallView .linkBtn:hover { color: #000 } .pvCookieOptIn .smallView .groups { margin: 10px -10px; text-align: center } .pvCookieOptIn .smallView .groups .checkboxWrapper { font-weight: 700 } .pvCookieOptIn .smallView .groups label { margin: 5px 10px } .pvCookieOptIn .smallView .groups .chBox { display: inline-block; vertical-align: middle } .pvCookieOptIn .detailView { position: relative; display: flex; flex-direction: column; height: 100% } .pvCookieOptIn .detailView .title { font-size: 14pt; font-weight: bold; margin-bottom: 4px } .pvCookieOptIn .detailView .subtitle { font-size: 11pt } .pvCookieOptIn .detailView .buttons { text-align: right; margin-top: 10px } .pvCookieOptIn .detailView .buttons button { border: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .pvCookieOptIn .detailView .buttons button:focus, .pvCookieOptIn .detailView .buttons buttonactive { outline: none } .pvCookieOptIn .detailView .buttons .primaryBtn, .pvCookieOptIn .detailView .buttons .secondaryBtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 7px 15px; font-size: 16px } @media (max-width:767px) { .pvCookieOptIn .detailView .buttons .primaryBtn, .pvCookieOptIn .detailView .buttons .secondaryBtn { width: 100% } } .pvCookieOptIn .detailView .buttons .primaryBtn { color: #fff; background-color: #2196F3 } .pvCookieOptIn .detailView .buttons .primaryBtn:hover { background-color: #0d8aee } .pvCookieOptIn .detailView .buttons .secondaryBtn { background-color: #ddd; margin-right: 5px } .pvCookieOptIn .detailView .buttons .secondaryBtn:hover { background-color: #d0d0d0 } @media (max-width:767px) { .pvCookieOptIn .detailView .buttons .secondaryBtn { margin: 0 0 3px 0; padding: 4px 15px; font-size: 14px } } @media (min-width:768px) { .pvCookieOptIn .detailView .buttons .linkBtn { float: left; background: none; font-size: 10pt; margin-top: 10px; text-decoration: underline; color: #575757 } .pvCookieOptIn .detailView .buttons .linkBtn:hover { text-decoration: none; color: #000 } } @media (max-width:767px) { .pvCookieOptIn .detailView .buttons .linkBtn { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 6px; padding: 5px 15px; font-size: 14px; width: 100%; background-color: #ddd } .pvCookieOptIn .detailView .buttons .linkBtn:hover { background-color: #d0d0d0 } } .pvCookieOptIn .detailView .groups { flex: 1; margin-top: 10px; overflow-y: auto; margin: 5px -5px 0 -5px } .pvCookieOptIn .detailView .category { background-color: #eee; margin: 0 5px 5px 5px; padding: 10px 10px 5px 10px; position: relative } .pvCookieOptIn .detailView .category:last-child { margin-bottom: 0 } .pvCookieOptIn .detailView .category .ctitle { font-size: 14pt; margin-bottom: 4px } .pvCookieOptIn .detailView .category>.checkboxWrapper { position: absolute; top: 8px; right: 5px } .pvCookieOptIn .detailView .category .cookieToggle { text-align: center } .pvCookieOptIn .detailView .category .cookieToggle button { font-size: 10pt; border: none; background: none; color: #0063e3; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .pvCookieOptIn .detailView .category .cookieToggle button:focus, .pvCookieOptIn .detailView .category .cookieToggle button:active { outline: none } .pvCookieOptIn .detailView .cookieList { display: none } .pvCookieOptIn .detailView .cookieList .cookie { padding-top: 4px } .pvCookieOptIn .detailView .cookieList .cookie>table { border-spacing: 2px; border-collapse: separate; width: 100% } .pvCookieOptIn .detailView .cookieList .cookie>table td { background-color: #fff; padding: 3px 8px; font-size: 10pt; vertical-align: top; word-break: break-word; min-width: 100px } .pvCookieOptIn .detailView .cookieList .cookie>table td:first-child { font-weight: bold } @media (min-width:768px) { .pvCookieOptIn .detailView .cookieList .cookie>table td:first-child { width: 200px } } .pvCookieOptIn .detailView .cookieList .cookie>table td .checkboxWrapper { margin: 0 } .pvCookieOptIn .detailView .cookieList .cookie>table td.cContentCell { font-weight: normal } .pvCookieOptIn .detailView .cookieList .cookie>table .cCookieRow td:first-child { width: inherit } .pvCookieOptIn .detailView .cookieList .cookie>table .cCookieRow .cHostsDuration { font-size: 9pt; color: #888 } .pvCookieOptIn .detailView .cookieList .cookie>table .cCookieRow .cHostsDuration .cDuration { margin-right: 15px } .pvCookieOptIn .detailView .cookieList .cookie>table .acceptRow td:last-child { line-height: 0px } .pvCookieOptIn .detailView .cookieList .cookie>table .cNameRow td:last-child, .pvCookieOptIn .detailView .cookieList .cookie>table .hostsRow td:last-child, .pvCookieOptIn .detailView .cookieList .cookie>table .cCookieRow td:last-child { padding: 2px 7px } .pvCookieOptIn .detailView .cookieList .cookie>table .cNameRow td:last-child .highlight, .pvCookieOptIn .detailView .cookieList .cookie>table .hostsRow td:last-child .highlight, .pvCookieOptIn .detailView .cookieList .cookie>table .cCookieRow td:last-child .highlight { display: inline-block; padding: 1px 4px; margin: 1px; background-color: #eee }