.sitiframesgdpr {
    position   : relative;
    top        : 0;
    bottom     : 0;
    min-height : 400px;
}

.iframe-gdpr-wrapper {
    position         : relative;
    z-index          : 1;
    top              : 0;
    bottom           : 0;
    left             : 0;
    right            : 0;
    display          : flex;
    flex-flow        : column;
    justify-content  : center;
    align-items      : center;
    min-height       : 250px;
    width            : 400px;
    background-color : #eee;
}

.iframe-gdpr-wrapper img {
    opacity : 0.5;
    margin  : 0.5rem 0;
}

.iframe-gdpr-text {
    position      : relative;
    top           : 0;
    bottom        : 0;
    left          : 0;
    right         : 0;
    display       : block;
    margin-bottom : 1.0rem;
    height        : 100%;
    padding       : 0 15px;
}

.iframe-gdpr-text a {
    font-weight     : bold;
    text-decoration : underline;
}

.iframe-gdpr-btn {
    margin-top : 0.5rem;
    display    : inline-block;
}

.gdpriframe-item {
    margin-bottom : 2.5rem;
}

.gdpriframe-name {
    font-weight   : bold;
    font-size     : 1.2rem;
    margin-bottom : 0.5rem;
}

.gdpriframe-image {
    float         : left;
    padding-right : 1rem;
}

.option-input {
    -webkit-appearance : none;
    -moz-appearance    : none;
    -ms-appearance     : none;
    -o-appearance      : none;
    appearance         : none;
    position           : relative;
    top                : 1rem;
    right              : 0;
    bottom             : 0;
    left               : 0;
    height             : 40px;
    width              : 40px;
    transition         : all 0.15s ease-out 0s;
    background-color   : #fff;
    color              : #000;
    cursor             : pointer;
    display            : inline-block;
    margin-right       : 0.5rem;
    outline            : none;
    z-index            : 1000;
    border             : 2px solid #000;
}

.option-input:hover {
    background-color : #000; /*#40e0d0;*/
}

.option-input:checked {
    background-color : #000; /*#40e0d0;*/
    color            : #fff;
}

.option-input.opt-yes:checked::before {
    width       : 36px;
    position    : absolute;
    content     : '✔';
    display     : inline-block;
    font-size   : 1.5rem;
    text-align  : center;
    line-height : 40px;
}

.option-input.opt-no:checked::before {
    width       : 36px;
    position    : absolute;
    content     : "\2716";
    display     : inline-block;
    font-size   : 1.5rem;
    text-align  : center;
    line-height : 40px;

}

.notification-bold {
    font-size   : 1.0rem;
    font-weight : bold;
}