#czgdpr-mask.overlay { position: fixed; top: 0; left: 0; z-index: 9998; width: 100%; height: 100%; background: black; opacity: 0.6; }
#czgdpr-notice.overlay { position: fixed;width: 40%; z-index: 9999; max-height: 80%; left: 30%; top: 5%; overflow: auto; }
#czgdpr-notice-wrp { background: white; padding: 20px; overflow: auto; font-size:12px; }
#czgdpr-notice-wrp h2 { }
#czgdpr-notice-wrp h6 { font-size: 0.8em; font-weight: normal; }
.czgdpr-prolog {font-size: 13px; margin-bottom:5px;}

#czgdpr-notice-wrp button.button { width: 100%; text-align: center; padding: 0 8px 0 8px; cursor: pointer; outline-style: none; border: none;  }
#czgdpr-notice-wrp button.button.btngrey { background: #eeeeee; color: #999999 }
#czgdpr-notice-wrp button.button span span { width: 100%; font-size: 13px; line-height: 2em; font-weight:bold; }
#czgdpr-notice-wrp #saveall {float:right;}
#cookieShowButton-wrapper { text-align: left; }
#cookieShowButton-wrapper #cookieShowButton{ width:48%; }

#czgdpr-groups-wrapper { margin: 10px 0; font-size: 13px; }
#czgdpr-groups-wrapper p{font-size: 13px;}
.czgdpr-groups-group { }
.czgdpr-groups-group .czgdpr-groups-group-cookie-list { margin-bottom: 15px;  }
.czgdpr-groups-group-cookie-info { cursor: pointer; width: 90%; display: block; }
.czgdpr-groups-group-cookie-info:focus {outline:0;}
.czgdpr-groups-group-cookie-info:hover {text-decoration: none; background-color: #f4f4f4; }

.czgdpr-groups-group-cookie-info i {
    border: solid #444;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
}
.czgdpr-groups-group-cookie-info i.arrow {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    margin-bottom: 2px;
}
.czgdpr-groups-group-cookie-info.active i.arrow {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    margin-bottom: 3px;
}

.czgdpr-groups-group-title { font-size: 1.1em; margin-bottom: 0.5em; display: flex; }
.czgdpr-groups-group-title input[type="checkbox"] { margin: 0 10px 5px 0; }
.czgdpr-groups-group-description li { list-style: inside; font-size: 13px; }
.czgdpr-groups-group-cookie { margin-top: 1em; }
.czgdpr-groups-group-cookie a:after { content: ">"; margin-left: 0.5em; transform: rotate(90deg); position: absolute; }

.czgdpr-policy div{font-size: 13px;}
.czgdpr-policy-title{font-size: 13px; margin:7px 0 5px 0;}
.czgdpr-policy-description{font-size: 12px;}

#czgdpr-CookieDisp { padding: 0 1em;}
#czgdpr-notice.inline #cookieShowButton {display: none;}
#czgdpr-notice.inline #czgdpr-CookieDisp {display: block!important;}
#czgdpr-notice-wrp .data-table { border-collapse: collapse;  width: 100%; }
#czgdpr-notice-wrp .data-table thead th { background-color: #efefef; font-size:13px; }
#czgdpr-notice-wrp .data-table td { border: 1px solid #efefef; padding: 0 3px 0 3px; font-size:12px; }
#czgdpr-notice-wrp .data-table .even { background-color: #fff; }
#czgdpr-groups-wrapper .buttons { padding-top: 10px; }

#czgdpr-delete-account .actions button { display: block; margin-bottom: 10px; }

@media only screen and (max-width: 1280px) { #czgdpr-notice.overlay { width: 60%; left: 20%; } }
@media only screen and (max-width: 1024px) { #czgdpr-notice.overlay { width: 80%; left: 10% } }
@media only screen and (max-width: 768px) {
    #czgdpr-notice.overlay { width: 98%; height: 98%; max-height: 98%; max-width: 98%; left: 1%; top: 1%; transform: none;}
    #czgdpr-groups-wrapper button.button { width: 100%; text-align: center; margin-bottom:2px; }
    #cookieShowButton-wrapper #cookieShowButton{ width:99%; }
    #czgdpr-notice-wrp { padding: 10px; }
    #czgdpr-notice-wrp #saveall {float:none;}
    #czgdpr-notice-wrp h2 { font-size: 1.5em }
}