.gdpr-warning {
    position: fixed;
    top: -1000px;
    left: 0;
    width: 100%;
    height: 175px;
    padding: 8px;
    box-sizing: border-box;
    border-bottom: 1px solid #d2d2d2;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #484848;
    overflow: hidden;
    background-color: #fafafa;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .05);
    transition: all ease-in-out .2s;
    z-index: 1031;
    animation: gdprshow .5s forwards
}

.gdpr-opened {
    height: 580px;
    overflow: auto
}

@keyframes gdprshow {
    from {
        top: -1000px
    }
    to {
        top: 0
    }
}

.gdpr-content {
    max-width: 850px;
    margin: auto
}

.gdpr-heading::before {
    content: '';
    width: 24px;
    height: 24px;
    margin-right: 2px;
    display: inline-block;
    vertical-align: bottom;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiIgd2lkdGg9Ijk2cHgiIGhlaWdodD0iOTZweCI+ICAgIDxwYXRoIGQ9Ik0gOCAyIEMgNC42OTE4NjYxIDIgMiA0LjY5MTg2NjEgMiA4IEMgMiAxMS4zMDgxMzQgNC42OTE4NjYxIDE0IDggMTQgQyAxMS4zMDgxMzQgMTQgMTQgMTEuMzA4MTM0IDE0IDggQyAxNCA3LjcxODQ1NTUgMTMuOTc1MDM2IDcuNDUwNjk1OSAxMy45NDE0MDYgNy4xOTUzMTI1IEEgMC41MDAwNSAwLjUwMDA1IDAgMCAwIDEzLjE2MjEwOSA2Ljg0OTYwOTQgQyAxMy4wMTM4NjUgNi45NTE2MTkxIDEyLjg4NjI1NyA3IDEyLjc1IDcgQyAxMi41MTk1NTcgNyAxMi4zMjc5NTQgNi44OTI4NDk0IDEyLjE3OTY4OCA2LjcwNzAzMTIgQSAwLjUwMDA1IDAuNTAwMDUgMCAwIDAgMTEuNDY0ODQ0IDYuNjM2NzE4OCBDIDExLjE5NzI5OSA2Ljg2MzYzMzEgMTAuODY3MjM5IDcgMTAuNSA3IEMgOS42NjQ5ODQ5IDcgOSA2LjMzNTAxNTEgOSA1LjUgQyA5IDUuMTMyNzYwNiA5LjEzNjM2NjkgNC44MDI3MDA1IDkuMzYzMjgxMiA0LjUzNTE1NjIgQSAwLjUwMDA1IDAuNTAwMDUgMCAwIDAgOS4yOTI5Njg4IDMuODIwMzEyNSBDIDkuMTA3MTUwNiAzLjY3MjA0NjQgOSAzLjQ4MDQ0MyA5IDMuMjUgQyA5IDMuMTEzNzQyNyA5LjA0ODM4MDkgMi45ODYxMzUgOS4xNTAzOTA2IDIuODM3ODkwNiBBIDAuNTAwMDUgMC41MDAwNSAwIDAgMCA4LjgwNDY4NzUgMi4wNTg1OTM4IEMgOC41NDkzMDQxIDIuMDI0OTYyOSA4LjI4MTU0NDUgMiA4IDIgeiBNIDEyLjUgMiBBIDAuNSAwLjUgMCAwIDAgMTIgMi41IEEgMC41IDAuNSAwIDAgMCAxMi41IDMgQSAwLjUgMC41IDAgMCAwIDEzIDIuNSBBIDAuNSAwLjUgMCAwIDAgMTIuNSAyIHogTSA4IDMgQyA4LjAyNjgzIDMgOC4wNTUxMjYyIDMuMDA1Mjc5NCA4LjA4MjAzMTIgMy4wMDU4NTk0IEMgOC4wNjUxNTM0IDMuMDk1Nzc3IDggMy4xNTI2ODEgOCAzLjI1IEMgOCAzLjY0OTY4MzUgOC4yNTQ4NDMyIDMuOTMwMzE4NiA4LjQ3ODUxNTYgNC4yMTY3OTY5IEMgOC4yMzMzMzg0IDQuNTk5ODA4OCA4IDUuMDA3MzEwMyA4IDUuNSBDIDggNi44NzQ5ODQ5IDkuMTI1MDE1MSA4IDEwLjUgOCBDIDEwLjk5MjY5IDggMTEuNDAwMTkxIDcuNzY2NjYxNiAxMS43ODMyMDMgNy41MjE0ODQ0IEMgMTIuMDY5NjgxIDcuNzQ1MTU2OCAxMi4zNTAzMTYgOCAxMi43NSA4IEMgMTIuODQ3MzE5IDggMTIuOTA0MjIyIDcuOTM0ODQ2NyAxMi45OTQxNDEgNy45MTc5Njg4IEMgMTIuOTk0NzI1IDcuOTQ0ODc0MyAxMyA3Ljk3MzE2OTggMTMgOCBDIDEzIDEwLjc2Nzg2NiAxMC43Njc4NjYgMTMgOCAxMyBDIDUuMjMyMTMzOSAxMyAzIDEwLjc2Nzg2NiAzIDggQyAzIDUuMjMyMTMzOSA1LjIzMjEzMzkgMyA4IDMgeiBNIDExLjUgNCBBIDAuNSAwLjUgMCAwIDAgMTEgNC41IEEgMC41IDAuNSAwIDAgMCAxMS41IDUgQSAwLjUgMC41IDAgMCAwIDEyIDQuNSBBIDAuNSAwLjUgMCAwIDAgMTEuNSA0IHogTSAxMy41IDQgQSAwLjUgMC41IDAgMCAwIDEzIDQuNSBBIDAuNSAwLjUgMCAwIDAgMTMuNSA1IEEgMC41IDAuNSAwIDAgMCAxNCA0LjUgQSAwLjUgMC41IDAgMCAwIDEzLjUgNCB6IE0gNi41IDUgQSAwLjUgMC41IDAgMCAwIDYgNS41IEEgMC41IDAuNSAwIDAgMCA2LjUgNiBBIDAuNSAwLjUgMCAwIDAgNyA1LjUgQSAwLjUgMC41IDAgMCAwIDYuNSA1IHogTSA1IDcgQSAxIDEgMCAwIDAgNCA4IEEgMSAxIDAgMCAwIDUgOSBBIDEgMSAwIDAgMCA2IDggQSAxIDEgMCAwIDAgNSA3IHogTSA3LjUgOCBBIDAuNSAwLjUgMCAwIDAgNyA4LjUgQSAwLjUgMC41IDAgMCAwIDcuNSA5IEEgMC41IDAuNSAwIDAgMCA4IDguNSBBIDAuNSAwLjUgMCAwIDAgNy41IDggeiBNIDEwLjUgOSBBIDAuNSAwLjUgMCAwIDAgMTAgOS41IEEgMC41IDAuNSAwIDAgMCAxMC41IDEwIEEgMC41IDAuNSAwIDAgMCAxMSA5LjUgQSAwLjUgMC41IDAgMCAwIDEwLjUgOSB6IE0gNy41IDExIEEgMC41IDAuNSAwIDAgMCA3IDExLjUgQSAwLjUgMC41IDAgMCAwIDcuNSAxMiBBIDAuNSAwLjUgMCAwIDAgOCAxMS41IEEgMC41IDAuNSAwIDAgMCA3LjUgMTEgeiIvPjwvc3ZnPg==);
    background-size: 24px
}

.gdpr-heading {
    font-size: 18px;
    font-weight: 700
}

.gdpr-sub-heading {
    font-size: 16px;
    font-weight: 700;
    display: block
}

.gdpr-content p {
    margin: 8px auto
}

.gdpr-categories {
    list-style: none;
    margin: 0;
    padding: 0
}

.gdpr-categories li {
    display: inline-block
}

.gdpr-categories li+li {
    border-left: 1px solid #d2d2d2
}

.gdpr-categories li a,
.gdpr-categories li label {
    display: block;
    padding: 4px;
    line-height: 18px
}

.gdpr-categories li a {
    color: #484848;
    text-decoration: none
}

.gdpr-categories li input[type=checkbox].gdpr-dropdown {
    display: none
}

.gdpr-categories li input[type=checkbox].gdpr-dropdown+label::after {
    content: '';
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle;
    border: 4px solid #484848;
    border-color: #484848 transparent transparent
}

.gdpr-categories li input[type=checkbox].gdpr-dropdown:checked+label::after {
    border-color: transparent transparent #484848;
    vertical-align: text-top
}

.gdpr-categories li input[type=checkbox].gdpr-dropdown:checked+label .gdpr-details {
    display: block
}

.gdpr-categories li:last-child {
    float: right
}

.gdpr-categories li a.gdpr-btn-approve {
    color: #fff;
    background-color: #3997fa;
    padding: 4px 24px;
    border-radius: 2px
}

.gdpr-categories li a.gdpr-btn-approve:hover {
    background-color: #2886e9
}

.gdpr-tabs ul,
.gdpr-tabs ul li label {
    box-shadow: inset -6px 0 6px 0 rgba(0, 0, 0, .05);
    background-color: #f0f0f0
}

.gdpr-details {
    padding-top: 24px;
    position: relative
}

.gdpr-tabs {
    position: relative;
    min-height: 210px;
    border: 1px solid #d2d2d2
}

.gdpr-tab,
.gdpr-tabs ul {
    position: absolute;
    top: 0
}

.gdpr-tabs ul {
    left: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 160px;
    height: 100%
}

.gdpr-tabs ul li label {
    display: block;
    padding: 8px;
    border-bottom: 1px solid #d2d2d2;
    border-right: 1px solid #d2d2d2
}

.gdpr-tabs ul li input[type=radio] {
    display: none
}

.gdpr-cookie-count {
    float: right;
    display: block;
    display: inline-block;
    padding: 3px;
    border-radius: 2px;
    margin-top: -3px
}

.gdpr-tab {
    display: none;
    background-color: #fff
}

.gdpr-tabs ul li input[type=radio]:checked+label>.gdpr-tab {
    display: block!important
}

.gdpr-tabs ul li input[type=radio]:checked+label {
    border-right-color: transparent;
    box-shadow: none;
    background-color: #fff
}

.gdpr-tab {
    left: 160px;
    width: 688px;
    height: 200px;
    overflow-y: auto;
    padding: 8px;
    box-sizing: border-box;
    border-color: #d2d2d2 #d2d2d2 #d2d2d2 transparent
}

.gdpr-tab p {
    margin-top: 0
}

.gdpr-tab table {
    font-size: 10px;
    border-collapse: collapse
}

.gdpr-tab table th {
    background-color: #f0f0f0
}

.gdpr-tab table td,
.gdpr-tab table th {
    padding: 4px;
    border: 1px solid #d2d2d2;
    text-align: left;
    vertical-align: top
}

.gdpr-tab table th:nth-child(1) {
    width: 10%
}

.gdpr-tab table th:nth-child(2) {
    width: 8%
}

.gdpr-tab table th:nth-child(3) {
    width: 43%
}

.gdpr-tab table th:nth-child(4) {
    width: 10%
}

.gdpr-tab table th:nth-child(5) {
    width: 9%
}

.gdpr-date {
    text-align: center;
    font-size: 11px;
    color: #828282
}

.gdpr-date a {
    text-decoration: none;
    color: #3997fa;
    font-weight: 700
}

@media (max-width:667px) {
    .gdpr-opened {
        height: 100%;
        overflow: auto
    }
}

@media (max-width:615px) {
    .gdpr-warning {
        position: absolute;
        height: 320px
    }
    .gdpr-tab,
    .gdpr-tabs ul {
        position: relative;
        width: 100%
    }
    .gdpr-categories li {
        float: none;
        display: block;
        border-left: none!important;
        border-top: 1px solid #d2d2d2
    }
    .gdpr-categories li:last-child {
        float: none;
        display: block;
        text-align: center;
        margin-top: 8px;
        border-left: none
    }
    .gdpr-tabs {
        min-height: 362px
    }
    .gdpr-tabs ul li input[type=radio]:checked+label {
        font-weight: 700
    }
    .gdpr-tabs ul li input[type=radio]:checked+label .gdpr-tab {
        border-top: 1px solid #d2d2d2;
        padding-top: 4px;
        font-weight: 400;
        margin-top: 8px
    }
    .gdpr-tabs ul li label {
        box-shadow: none;
        border-right: none
    }
    .gdpr-tab {
        left: auto;
        padding: 0
    }
    .gdpr-tab table {
        font-size: 12px
    }
    .gdpr-tab table,
    .gdpr-tab tbody,
    .gdpr-tab td,
    .gdpr-tab th,
    .gdpr-tab thead,
    .gdpr-tab tr {
        display: block
    }
    .gdpr-tab thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px
    }
    .gdpr-tab tr {
        margin-bottom: 24px
    }
    .gdpr-tab td {
        border: none!important;
        border-bottom: 1px dotted #d2d2d2!important;
        position: relative;
        padding-left: 50%!important
    }
    .gdpr-tab td:before {
        position: absolute;
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        font-weight: 700
    }
    /*td:nth-of-type(1):before {
        content: "Adı"
    }
    td:nth-of-type(2):before {
        content: "Sağlayıcı"
    }
    td:nth-of-type(3):before {
        content: "Maksat"
    }
    td:nth-of-type(4):before {
        content: "S.K.Tarihi"
    }
    td:nth-of-type(5):before {
        content: "Türü"
    }*/
    .gdpr-opened {
        height: 100%;
        overflow: auto
    }
}

@media (max-width:409px) {
    .gdpr-warning {
        height: 350px
    }
    .gdpr-opened {
        height: 100%;
        overflow: auto
    }
}

@media (max-width:348px) {
    .gdpr-warning {
        height: 370px
    }
    .gdpr-opened {
        height: 100%;
        overflow: auto
    }
}