div.gdpr {
    position:relative;
    display:none;
    width:650px;
    min-height:158px;
    background-color:white;
    margin:150px auto;    
    -webkit-box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.10);
    -moz-box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.10);
    box-shadow: 0px 1px 17px 0px rgba(0,0,0,0.10);
}

div.gdpr table.login tr.title td {
    font-weight: bold;
    color: var(--accent-text-color);
    font-size:150%;
    padding-bottom:10px;
}

div.gdpr table.login td {
    line-height: 20px;
}


div.gdpr table.login td div.gdpr-content {
    
    width:100%;
    margin-top:4px;
    margin-bottom:4px;
    display: block;
    height: 450px;
    background-color: white;   
    padding: 10px;
    overflow-y: scroll;
    
}


.v-scroll-silver::-webkit-scrollbar-track
{    
    background: transparent;
}

.v-scroll-silver::-webkit-scrollbar
{
    width: 6px;
    height: 6px;
    background-color: inherit;        
}

.v-scroll-silver::-webkit-scrollbar-thumb
{
    background-color: rgba(0, 0, 0, 0.1);
    border-radius:3px;
}


@media screen and (max-device-width: 768px) and (orientation: landscape){
    div.login {
        margin: 75px auto;
    }
}

/* content styling */
div.gdpr-content h1,
div.gdpr-content h2,
div.gdpr-content h3,
div.gdpr-content h4,
div.gdpr-content h5,
div.gdpr-content h6 {
    color: black;
    margin-top: 0px;
}
div.gdpr-content {
    color: black;
}
div.gdpr-content p {
    margin: 0;
}

span.cb {
    display: inline-block;
    position:relative;
    width:20px;
    height: 20px;
    text-align: left;
}
span.cb input[type='checkbox'] {
    
    position:absolute;
    top:6px;
    left:0px;
}

td.gdpr-version {
    padding-bottom:10px!important;
    color: #777;
    font-style: italic;
}

div.gdpr-dialog {
    max-width:650px; 
}

div.gdpr-dialog table.gdpr-table {
    width:100%;
}

div.gdpr-dialog table.gdpr-table tr.title td {
    font-size:150%;
    color: var(--accent-text-color);
}

div.gdpr-dialog table.gdpr-table tr td label#gdpr-optin-label {    
}

div.gdpr-dialog table.gdpr-table td div.gdpr-content {
    
    width:100%;
    margin-top:4px;
    margin-bottom:4px;
    display: block;
    height: 450px;
    background-color: white;   
    padding: 10px;
    overflow-y: scroll;
    
}

@media screen and (max-device-width: 768px) and (orientation: portrait){
    div.login.gdpr {
        margin: 0;
        width: 100%;
        height: 100%;
        position:absolute;
        left: 0px;
        top: 0px;
        right: 0px;
        bottom: 0px;
    }
   
    
}