#overlay
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99998;
    background-color: #000;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}



#popupCookiepanel
{
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 99999;
    border-radius: 30px;
    width: 800px;
    /*min-height: auto;*/
    /*max-height: 90vh;*/
    height: auto;
    position: fixed;
    overflow-y: auto;
    color:#000;
}

#popupCookiepanel .color-green{
    color: #64a70a!important;
}

.btn-livsane{
    padding: 0.84rem 2.14rem!important;
    text-transform: uppercase!important;
    background-color: #64a70a!important;
    color: #fff;
}

.btn-livsane:hover{
    padding: 0.84rem 2.14rem!important;
    text-transform: uppercase!important;
    background-color: #64a70a!important;
    color: #fff;
}

#popupCookiepanel .btn-outline-cookie{
    color: rgba(121, 121, 121, 0.8) !important;
    background-color: transparent !important;
    border: 2px solid rgba(121, 121, 121, 0.8) !important;
}

#popupCookiepanel .btn-outline-cookie:hover{
    color: #64a70a!important;
    background-color: transparent !important;
    border: 2px solid #64a70a!important;
}

.cookiepanel-header{
    padding: 40px 40px 40px;
    background-color: #fff;
}

.cookiepanel-body{
    display: none;
    padding: 20px 40px 40px;

    background-color: #f8f8f8;
}

#slideJednotliveSuhlasy{
    cursor: pointer;
}

@media (max-width: 991px) {

    #popupCookiepanel
    {
        width: 98%;
        max-height: 90vh;
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    #popupCookiepanel
    {
        min-height: auto;
    }
}

@media (max-width: 530px) {
    #popupCookiepanel
    {
        top: 40%;
        transform: translate(-50%,-40%);

    }

    #popupCookiepanel h3{
        font-size: 20px;
    }


    .cookiepanel-header{
        padding: 20px 20px 20px;
    }

    .cookiepanel-body{
        padding: 10px 20px 20px;
    }
}