.gdpr-mask { position: fixed; top: 0; left: 0; bottom: 0; width: 100%; background: rgba(50,50,50,0.8); z-index: 5000; display: none;}
.gdpr-banner, .gdpr-selector { display: none; }


.gdpr-banner { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); width: 80vw; min-width: 800px; z-index: 15050; }
.gdpr-banner { font-size: 1em; background: #374036; color: #ddd; padding: 20px; }
.gdpr-banner .title, .gdpr-banner a, .gdpr-banner .button-panel .select-pref { color:#bf9e90!important; }
.gdpr-banner .btnClose:hover, .gdpr-banner a:hover, .gdpr-banner .button-panel .select-pref:hover { color: #b4cf53!important; }
.gdpr-banner .title { font-size: 1.4em; margin-bottom: 10px; }
.gdpr-banner .button-panel { position: absolute; bottom: 0; right: 20px; }
.gdpr-banner .button-panel .select-pref { cursor: pointer; }
.gdpr-banner .btnClose { font-size: 1.4em; color: #fff; position: absolute; top: 10px; right: 20px; cursor: pointer; }

.gdpr-selector { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 15010; }
.gdpr-selector { width: 80vw; min-width: 790px; max-width: 900px; min-height: 200px; }
.gdpr-selector { background: #fff; color: #444; font-size: 1.1em; line-height: 1.3em; border-radius: 20px; padding: 20px 30px; }
.gdpr-selector .wrapper { margin-top: 20px; max-height: calc(100% - 100px); overflow-y:auto; overflow-x: hidden; }
.gdpr-selector .selection { padding-top: 20px; padding-bottom: 20px; }
.gdpr-selector .selection { border-top: 1px solid #ccc; }
.gdpr-selector .selection:last-of-type { border-bottom: 1px solid #ccc; }
.gdpr-selector .header { font-size: 1.1em; padding-bottom: 10px; }
.gdpr-selector .header, .gdpr-selector .title { font-weight: bold; }
.gdpr-selector .title { padding-bottom: 10px;}
.gdpr-selector .switchery { margin-right: 10px;}
.gdpr-selector .btnSelection, .gdpr-selector .showDetails { width: 80%; min-width: 100px;}
.gdpr-selector .btnConfirmRow { text-align: center; }
.gdpr-selector .btnConfirmOpt { width: 100%; margin: auto 0; }
.gdpr-selector .showMoreWrapper { display: none; }
.gdpr-selector a { font-weight: bold; }

@media (max-width: 992px) {
    .gdpr-selector { font-size: 1em; line-height: 1.2em; max-height: 90vh; overflow-y: auto; }
}
@media (max-width: 768px) {
    .gdpr-selector { min-width: 576px;  }
    .gdpr-selector .btnSelectionRow { text-align: center; }
    .gdpr-selector .btnSelection { width: 40%; display: inline-block; }
    .gdpr-selector .showDetails { width: calc(80% + 25px); }
    .gdpr-selector .selection { padding-top: 10px; padding-bottom: 10px; }
    .gdpr .resp-hide { display: none; }
}

@media (max-width: 576px) {
    .gdpr-selector { min-width: unset; width: 100%; padding: 20px 10px; }
    .gdpr-selector .btnSelectionRow { padding-left: 0; padding-right: 0; } 
    .gdpr-selector .btnSelection { width: 45%; padding: 5px; margin-left: 5px; margin-right: 5px; }
    .gdpr-selector .showDetails { width: calc(90% + 10px); }
}


/** Button **/
.gdpr .btn { margin: 5px 10px; font-size: 1em; border-radius: 5px; text-align: center; transition: all linear .3s }
.gdpr .btn-green-solid, .gdpr .btn-green-solid:visited { color: #d4ebd1; background-color: #5f8a5a; border: 1px solid #5f8a5a; }
.gdpr .btn-green-solid:hover { color: #4a6347; background-color: #b0d4ab; border: 1px solid #b0d4ab; }
.gdpr .btn-green, .gdpr .btn-green:visited { color: #5f8a5a; background-color: #d4ebd1; border: 1px solid #5f8a5a; }
.gdpr .gdpr .btn-green:hover { color: #4a6347; background-color: #b0d4ab; border: 1px solid #b0d4ab; }
.gdpr .btn-dark-green-solid, .gdpr .btn-dark-green-solid:visited { color: #74bf6f; background-color: #5d6b5c; border: 1px solid #5d6b5c; }
.gdpr .btn-dark-green-solid:hover { color: #354a32; background-color: #61735f; border 1px solid #61735f; }