body.cookie-not-accept {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.cookie-banner-overlay *{
-webkit-transition: none!important;
-moz-transition: none!important;
-ms-transition: none!important;
-o-transition: none!important;
transition: none!important;
}
.cookie-banner-overlay.cookie_is_visible {
visibility: visible;
}
.cookie-banner-overlay {
visibility: hidden;
overflow: auto;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
position: fixed;
bottom: 0;
right: 0;
top: 0;
left: 0;
z-index: 9999999999;
background-color: rgba(0, 0, 0, 0.6);
}
.cookie-vertical-alignment-helper {
display: table;
height: 100%;
width: 100%;
}
.cookie-vertical-align-center {
display: table-cell;
vertical-align: middle;
}
.cookie-banner-wrapper {
opacity: 1;
overflow: visible;
height: auto;
width: 720px;
margin: 0 auto;
position: relative;
}
.cookie-banner-skin {
padding: 0px;
width: auto;
height: auto;
position: relative;
background: #fff;
color: #444;
text-shadow: none;
-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}
.cookie-banner-outer,
.cookie-banner-inner {
position: relative;
overflow: auto;
}
#cookiePolicy-box {
z-index: 10000;
}
.cookie-info-dialog {
width: 720px;
}
.cookie-info-content {
padding: 40px 50px;
overflow: hidden;
}
.cookie-info-content span {
margin: 0;
display: block !important;
}
.cookie-info-body {
margin-bottom: 25px;
}
.cookie-info-body span {
font-size: 14px;
line-height: 24px;
color: #444444;
}
.cookie-info-footer {
text-align: left;
overflow: hidden;
}
a.cookie-more-info {
float: left;
margin-top: 12px;
position: relative;
padding: 0;
color: #00677f;
font-size: 14px;
line-height: 19px;
}
a.cookie-more-info:hover {
color: #000;
text-decoration: underline;
}
a.cookie-more-info:after {
content: '›';
display: inline-block;
font-size: 27px;
line-height: 14px;
position: relative;
top: 2px;
right: 0;
margin-left: 5px;
}
a.cookie-more-info.active:after {
content: '⤫';
}
button.cookie-info-close {
float: right;
padding: 10px 34px;
background-color: #000;
background: #000;
color: #fff;
font-size: 14px;
margin-bottom: 0;
font-weight: normal;
text-align: center;
vertical-align: middle;
cursor: pointer;
border: 1px solid transparent;
white-space: nowrap;
line-height: 1.42857143;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
}
button.cookie-info-close:hover,
button.cookie-info-close:active {
background: #565756;
color: #fff;
text-decoration: none;
}
span.cookie-info-title {
font-size: 25px;
line-height: 35px;
color: #444444;
margin-bottom: 8px;
}
a.cookie-close {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
cursor: pointer;
z-index: 8040;
background-color: #000;
color: #fff;
}
a.cookie-close:hover {
background: #565756;
text-decoration: none;
}
a.cookie-close:before {
content: '⤫';
position: absolute;
left: 0;
right: 0;
top: 0;
text-align: center;
color: #fff;
font-size: 38px;
line-height: 45px;
}
.coookie-info-list.active {
display: block;
}
.coookie-info-list {
padding-top: 30px;
display: none;
}
.coookie-info-list p {
margin: 0 0 15px 0;
padding: 0;
font-size: 12px;
line-height: 19px;
}
.coookie-info-list table {
border-color: #c8c8c8;
border-style: solid;
border-width: 2px;
border-collapse: collapse;
width: 100%;
margin-top: 20px;
}
.coookie-info-list table td,
.coookie-info-list table th {
border: 2px solid #c8c8c8;
padding: 13px 15px 17px 15px;
font-size: 14px;
line-height: 19px;
}
.coookie-info-list table th {
background: #444444;
color: #fff;
font-weight: normal;
}
.coookie-info-list table tbody tr:nth-child(even) {
background-color: #e6e6e6;
}
@media (max-width: 740px) {
.coookie-info-list table td,
.coookie-info-list table th {
padding: 6px 8px;
font-size: 12px;
line-height: 17px;
}
.cookie-banner-wrapper {
width: 95%;
}
.cookie-info-dialog {
width: auto;
}
.cookie-info-content {
padding: 20px;
}
span.cookie-info-title {
font-size: 20px;
line-height: 26px;
padding-right: 50px;
}
.cookie-info-body span {
font-size: 12px;
line-height: 22px;
}
a.cookie-more-info {
float: none;
display: block;
}
.cookie-info-body {
margin-bottom: 10px;
}
button.cookie-info-close {
margin: 20px auto 0;
display: block;
float: none;
}
.table-figure {
width: 100%;
overflow-y: auto;
_overflow: auto;
margin: 0 0 1em;
display: block;
}
}
@media (max-width: 600px) {
.cookie-banner-wrapper {
width: 310px;
}
}