/* cookies */
:root {
            --colorCookie: #0a6cce;
            
        }
.cookieBlock .closeBtnCookie{
    position: absolute;
    right: 3px;
    top: 3px;
    width: 24px;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    line-height: 1;
    font-size: 20px;
    color: rgba(0,0,0,.7);
    padding-top: 1px;
}
.cookieBlock .hidden{
    display: none !important;
}
.cookieBlock .closeBtnCookie:hover{
    color: rgba(0,0,0,1);
}
.switch-container {
    display: flex;
    align-items: center;
    margin-top: 8px;
    gap: 10px;
}

.switch-label {
    margin: 0 8px;
    font-size: 14px;
    color: #555;
}

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 14px;
    margin: 0;
}

.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.wrapCategoryBlockCookie {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin: 10px 0;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: .2s;
    border-radius: 14px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: -3px;
    bottom: -3px;
    background-color: white;
    transition: .2s;
    border-radius: 50%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    border: 0.5px solid rgba(0, 0, 0, 0.1);
}

input:checked+.slider {
    background-color: var(--colorCookie);
}

input:checked+.slider:before {
    transform: translateX(22px);
}

.disabled-switch {
    opacity: 0.6;
    cursor: not-allowed;
}

.disabled-switch .slider {
    background-color: var(--colorCookie) !important;
    cursor: not-allowed;
}

.cookie-category {
    margin-bottom: 5px;
    padding: 5px;
    background-color: #f9f9f9;
    border-radius: 5px;
}

.cookie-category h3 {
    margin-top: 0;
}

.cookieBlock {
    position: fixed;
    z-index: 1000;
    background: #fff;
    font-size: 16px;
    color: #000;
    background-position-x: 13.5px;
    border-radius: 16px;
    width: 375px;
    margin: 0;
    padding: 10px;
    background-position-y: 14px;
   
    box-shadow: 0 0 15px rgba(95, 109, 178, .2);
}

.btnBlock {
    display: flex;
    gap: 20px;
}


.wrapCookieBlockTxt {
    display: flex;
    padding: 10px;
    gap: 20px;
    flex-direction: column;
}

.wrapCookieBlockTxt .titleCookie {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #0a0c0f;
}

.wrapCookieBlockTxt .tabsCookie {
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    margin-top: 4px;
}

.wrapCookieBlockTxt a {
    color: #428bca;
    text-decoration: underline;
    display: inline;
}

.cookieBlock .btnCookie {
    cursor: pointer;
    display: flex;
     flex:auto;
    justify-content: center;
    align-items: center;
    padding: 0 12px;
    color: #fff;
    border: 1px solid var(--colorCookie);
    background-color: var(--colorCookie);
    transition: all 0.4s;
    height: 40px;
    border-radius: 50px;
    font-size: 14px;
    outline: none;
}

.tabCookie {
    display: none;
}

.tabCookie.active {
    display: block;
}



.cookieBlock .btnCookie:hover {
    background-color: #ffffff;
    color: #000;
}


.cookie-disable-instruction {
    margin: 0 auto;
    color: #333;
    line-height: 1.6;
}

.main-titleCookie {
    color: #2c3e50;
    text-align: center;
    margin-bottom: 25px;
    font-size: 28px;
    font-weight: 600;
}

.intro-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.warning-note {
    background: #fff3cd;
    border-left: 4px solid #ffc107;
    padding: 15px;
    margin-top: 20px;
    border-radius: 0 4px 4px 0;
}

.guide-titleCookie {
    color: #2c3e50;
    font-size: 24px;
    margin-bottom: 25px;
    text-align: center;
    padding-bottom: 10px;
    border-bottom: 2px solid #eee;
}

.browser-card {
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08);
    margin-bottom: 25px;
    overflow: hidden;
}

.browser-header {
    display: flex;
    align-items: center;
    padding: 15px 20px;
    background: #f8f9fa;
    border-bottom: 1px solid #eee;
}

.browser-icon {
    width: 32px;
    height: 32px;
    margin-right: 12px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.chrome-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#4285F4" d="M24 32a8 8 0 1 0 0-16 8 8 0 0 0 0 16z"/><path fill="#EA4335" d="M42 24c0-7.7-5-14-12-16.3-1.4-.5-2.8-.7-4.3-.7-1.4 0-2.8.2-4.1.7-1.3.5-2.5 1.1-3.6 1.9l5.7 9.9 3.3-5.7c.8 1 1.3 2.2 1.3 3.5 0 3.3-2.7 6-6 6-.5 0-1-.1-1.5-.2l-5.8 10c-.3.6-.5 1.2-.7 1.8 3 2.8 7 4.4 11.3 4.4 3.6 0 7-1.3 9.6-3.6 2.6-2.3 4.2-5.5 4.2-9z"/><path fill="#FBBC05" d="M12 24c0-1.6.5-3 1.3-4.3l-5.8-10C4.2 12.3 2 17.9 2 24c0 6.1 2.2 11.7 5.5 16l5.8-10c-.8-1.3-1.3-2.7-1.3-4.3z"/><path fill="#34A853" d="M24 42c4.3 0 8.3-1.6 11.3-4.4l-5.7-9.9c-1 .7-2.2 1.1-3.5 1.1-1.4 0-2.7-.4-3.8-1.1l-5.7 9.9c3 2.8 7 4.4 11.3 4.4z"/></svg>');
}

.firefox-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FF7139" d="M24 2C12.4 2 3 11.4 3 23c0 10.2 7.1 18.7 16.6 20.9-.1-.9-.2-2.3 0-3.3.2-1 1.4-6.7 1.4-6.7s-.4-.8-.4-2c0-1.9 1.1-3.3 2.5-3.3 1.2 0 1.8.9 1.8 2 0 1.2-.7 3-1.1 4.6-.3 1.3.7 2.3 2 2.3 2.4 0 4.1-2.9 4.1-6.3 0-2.6-1.7-4.5-4.7-4.5-3.5 0-5.6 2.7-5.6 5.7 0 1 .3 1.7.8 2.3.2.3.3.4.2.7-.1.2-.2.8-.2 1-.1.4-.4.5-.8.4-2.3-.9-3.3-3.2-3.3-5.8 0-4.3 3.7-9.3 10.7-9.3 5.7 0 9.4 4.2 9.4 8.7 0 5.8-3.3 10.1-8.1 10.1-1.6 0-3.1-.9-3.6-1.9 0 0-.9 3.6-1.1 4.5-.3 1.3-1.3 2.9-1.9 3.9 1.4.5 3 .7 4.6.7 11.6 0 21-9.4 21-21S35.6 2 24 2z"/></svg>');
}

.edge-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#0078D7" d="M24 2C11.8 2 2 11.8 2 24s9.8 22 22 22 22-9.8 22-22S36.2 2 24 2zm0 40C13.5 42 5 33.5 5 23S13.5 4 24 4s19 8.5 19 19-8.5 19-19 19z"/><path fill="#0078D7" d="M24 10c-7.2 0-13 5.8-13 13s5.8 13 13 13 13-5.8 13-13-5.8-13-13-13zm0 24c-6.1 0-11-4.9-11-11s4.9-11 11-11 11 4.9 11 11-4.9 11-11 11z"/><path fill="#0078D7" d="M24 15c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"/></svg>');
}

.safari-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#1B73D6" d="M24 2C12.4 2 3 11.4 3 23s9.4 21 21 21 21-9.4 21-21S35.6 2 24 2zm0 40C13.5 42 5 33.5 5 23S13.5 4 24 4s19 8.5 19 19-8.5 19-19 19z"/><path fill="#1B73D6" d="M24 10c-7.2 0-13 5.8-13 13s5.8 13 13 13 13-5.8 13-13-5.8-13-13-13zm0 24c-6.1 0-11-4.9-11-11s4.9-11 11-11 11 4.9 11 11-4.9 11-11 11z"/><path fill="#1B73D6" d="M24 15c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zm0 14c-3.3 0-6-2.7-6-6s2.7-6 6-6 6 2.7 6 6-2.7 6-6 6z"/></svg>');
}

.yandex-icon {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48"><path fill="#FF0000" d="M24 2C12.4 2 3 11.4 3 23s9.4 21 21 21 21-9.4 21-21S35.6 2 24 2zm0 40C13.5 42 5 33.5 5 23S13.5 4 24 4s19 8.5 19 19-8.5 19-19 19z"/><path fill="#FF0000" d="M24 10c-7.2 0-13 5.8-13 13s5.8 13 13 13 13-5.8 13-13-5.8-13-13-13zm0 24c-6.1 0-11-4.9-11-11s4.9-11 11-11 11 4.9 11 11-4.9 11-11 11z"/></svg>');
}

.browser-titleCookie {
    color: #2c3e50;
    font-size: 20px;
    font-weight: 600;
    margin: 0;
}

.browser-content {
    padding: 20px;
}

.step-section {
    margin-bottom: 20px;
}

.step-titleCookie {
    color: #555;
    font-size: 16px;
    margin-bottom: 10px;
    font-weight: 500;
}

.step-list {
    padding-left: 20px;
    margin: 0;
}

.step-list li {
    margin-bottom: 8px;
}

.browser-note {
    color: #666;
    font-style: italic;
    margin-bottom: 15px;
}

.tip-box {
    background: #e3f2fd;
    border-radius: 8px;
    padding: 15px 20px;
    display: flex;
    align-items: flex-start;
    margin-top: 30px;
}

.tip-icon {
    font-size: 24px;
    margin-right: 15px;
    flex-shrink: 0;
}

.tip-text {
    margin: 0;
    font-size: 15px;
    color: #1976d2;
}



.cookie-titleCookie {
    color: #2c3e50;
    margin-bottom: 10px;
    font-size: 18px;
    padding-bottom: 10px;
    font-weight: bold;
}

.cookie-subtitleCookie {
    color: #2980b9;
    margin: 25px 0 15px;
    font-size: 22px;
}

.cookie-category {
    background: #f8f9fa;
    border-left: 4px solid #3498db;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 0 5px 5px 0;
}

.category-titleCookie {
    color: #2c3e50;
    margin-top: 0;
    font-size: 18px;
    display: flex;
    align-items: center;
}

.required-badge {
    background: #e74c3c;
    color: white;
    font-size: 12px;
    padding: 3px 8px;
    border-radius: 12px;
    margin-left: 10px;
}

.cookie-list {
    padding-left: 20px;
}

.cookie-list li {
    margin-bottom: 8px;
}

.management-list {
    list-style-type: none;
    padding-left: 0;
}

.management-list li {
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
}

.note-box {
    background: #fff8e1;
    border-left: 4px solid #ffc107;
    padding: 15px;
    margin: 20px 0;
    font-size: 15px;
}

.browsers-section {
    margin-top: 40px;
}

.browser-card {
    background: white;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 20px;
    margin-bottom: 20px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05);
    position: relative;
    overflow: hidden;
}

.browser-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
}

.browser-card.chrome::before {
    background: #4285F4;
}

.browser-card.firefox::before {
    background: #FF7139;
}

.browser-card.edge::before {
    background: #0078D7;
}

.browser-card.safari::before {
    background: #1B73D6;
}

.browser-card.yandex::before {
    background: #FF0000;
}

.browser-titleCookie {
    color: #2c3e50;
    margin-top: 0;
    font-size: 20px;
    display: flex;
    align-items: center;
}

.browser-titleCookie i {
    margin-right: 10px;
    font-size: 24px;
}

.browser-steps h4 {
    color: #7f8c8d;
    margin: 20px 0 10px;
    font-size: 16px;
}




.icon-settings::before {
    content: "⚙️";
    position: absolute;
    left: 0;
}

.icon-save::before {
    content: "💾";
    position: absolute;
    left: 0;
}

.select-all-cookies,
.deselect-all-cookies {
    background: rgb(204 204 204 / 32%);
    border: 0;
    margin: 10px 0;
    display: inline-block;
}
.cookieBlock .btnCookieSelect{
  padding: 8px 20px;
  vertical-align: top;
  font-size: 14px;
  border-radius: 0px;
}
.cookieBlock .btnCookieSelect:hover {
  background: #737373;
  color: #FFF;
}

@media (max-width: 768px) {
     .cookieBlock {
        width: auto;
        right: 10px !important;
        left: 10px !important;
        bottom: 0 !important;
    }
    .cookie-instruction {
        padding: 15px;
    }
    .cookie-titleCookie {
        font-size: 24px;
    }
    .browser-card {
        padding: 15px;
    }
     .cookie-disable-instruction {
        padding: 15px;
    }
    .main-titleCookie {
        font-size: 24px;
    }
    .browser-card {
        margin-bottom: 20px;
    }
    .browser-content {
        padding: 15px;
    }
    .cookieBlock .btnCookie{
        height: 34px;
        padding: 0 8px;
    }
    .btnBlock{
        gap: 10px;
    }
    .wrapCookieBlockTxt{
        gap: 10px;
    }
}

/* cookies */

#slider {
position: absolute;
left: 25px;
top: 90px;
z-index: 200;
font-size: 11px;
}
.header {width:230px; padding:3px; font-weight:bold; color: #336699; margin-top:12px; cursor:pointer;}
.header:hover {color:#ff8800;}
.content {overflow:hidden}
.textus {width: 230px; padding:5px; text-align: left; background-color: #fafafa;}

.subform {
margin: 0px;
}
.subform input{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
}
.subform input,option{padding-left: 5px;}



.menutitle{
font-weight: bold;
font-size: 11px;
margin-left: 15px;
margin-bottom: 7px;
}
#masterdiv{
padding: 10px;
position: absolute;
left: 7px;
top: 95px;
z-index: 200;
}
#masterdiv1{}

.menutitle1{
font-weight: normal;
font-size: 11px;
margin-left: 15px;
margin-bottom: 7px;
}
.submenu{
margin-bottom: 7px;
margin-left: 10px;
}
.submenu li {margin-left: 20px;margin-bottom: 5px;}


body {
margin: 0px;
padding: 0px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
background-color: #fff;
}

.panel{
background-image: url('images/panel_bgr_wtv.png');
background-repeat: no-repeat;
background-color: #DEEBF8;
padding-right: 12px;
}
.main{
background-image: url('images/border_main.gif');
background-repeat: repeat-x;
background-color: #fff;
}
.left{
background-image: url('images/left_bgr.gif');
background-repeat: repeat-y;
background-color: #fff;
}

.panelleft{
background-image: url('images/panelleft_bgr.gif');
background-repeat: no-repeat;
background-color: #ececec;
}
.mid{background-color: #195894;
background-image: url('images/mid_bgr.png');
background-repeat: repeat-x;
}
.mid2{background-color: #195894;
background-image: url('images/mid2_bgr.gif');
background-repeat: repeat-x;
}
.mid3{background-color: #ececec;}

.gray{background-color: #ebebeb;}
.b{color: #195894;}
.top{
background-image: url('images/top_bgr.png');
background-repeat: repeat-x;
background-color: #ebebeb;
}
.bot{
background-image: url('images/bot_bgr.gif');
background-repeat: repeat-x;
background-color: #fff;
}
.bottom{
background-image: url('images/bottom_bgr.gif');
background-repeat: repeat-x;
background-color: #ebebeb;
}
.left_brd{border-left: 1px solid #195894;}
.rbord{border-right: 1px solid #195894;border-bottom: 0px solid #195894;}

img{border: none;}

select{
padding-left: 5px;
margin-bottom: 3px;
background-color: #fafafa;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
}
td,th,input{
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
}
input,option{padding-left: 5px;}
textarea{padding-left: 5px; background-color: #fafafa;}

p {
margin: 10px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 12px;
}
.content{}
.content p{
font-size: 13px;
}
.content li{
font-size: 12px;
}

h1 {
margin: 10px;
padding: 5px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #336699;
background-color: #ebebeb;
font-size: 12px;
}
h2 {
margin: 0px;
margin-left: 10px;
margin-right: 10px;
padding: 5px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
background-color: #D7E5F3;
font-size: 12px;
}
h2 a{text-decoration: none;}
h3 {
margin: 3px;
margin-left: 15px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #336699;
font-size: 11px;
}
h4 {
margin: 0px;
margin-left: 5px;
margin-right: 5px;
padding: 5px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
background-color: #D7E5F3;
font-size: 11px;
font-weight: bold;
}
.tablica{border: 1px solid #ccc;}
.text{padding: 5px; border: 1px solid #ccc;}
.text p {margin: 5px; padding: 5px; vertical-align: center; text-align: center;}
.text1{padding: 0px; border: 1px solid #ccc; background-color: #fafafa;}
.product_data_name{margin: 5px; padding: 5px; border: 1px solid #ccc; background-color: #fafafa;}
.block_ic{margin: 7px; margin-left: 15px;}
.h4 {
margin: 0px;
margin-left: 10px;
margin-right: 10px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #336699;
font-size: 12px;
text-align: right;
}
h5 {
margin: 5px;
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #336699;
font-size: 11px;
font-weight: bold;
}
strong{color:#ff8800;font-weight: normal;}
.orange{color:#ff8800;}
.bluetext{color:#195894;}
.graytext{color:#797979;}

li {
font-family: Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
color: #000;
font-size: 11px;
list-style: square;}



small{font-size: 9px;}

a:link,a:visited {
color: #336699;
background-color: transparent;
text-align: left
}
a:active {color:#ff8800;
background-color: transparent;
}
a:hover {text-decoration: none;
color: #ff8800;
background-color: transparent;
}

