#CookiesBar { position:fixed; bottom:0; left:0; z-index:100; padding:30px; }
#CookiesBar h3 { padding-top:0; margin-top:0; }
#CookiesBar .titlebar { width:100%; display:block; }
#CookiesBar .titlebar h3{ width:100%; }
#CookiesBar .titlebar .divclose{ width:35px; }
#CookiesBar .titlebar .divclose a{ width:30px; height:30px; display:block; border:1px solid silver; color:silver;
                                   -webkit-border-radius: 25px;
                                    -moz-border-radius: 25px;
                                    border-radius: 25px; cursor:pointer; line-height:30px; text-align:center;
}
#CookiesBar .divclose{ width:35px; position:absolute; right:10px; top:10px; }
#CookiesBar .divclose a{ width:30px; height:30px; display:block; border:1px solid silver; color:silver;
                                   -webkit-border-radius: 25px;
                                    -moz-border-radius: 25px;
                                    border-radius: 25px; cursor:pointer; line-height:30px; text-align:center; text-decoration:none;
}
#CookiesBar .CookieBarMoreInformation { display:block; }
#CookiesBar .buttons { margin-top:1rem; }

/*nastaveni*/
/*stin*/
#CookiesBar.shadow { 
    -webkit-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.27);
-moz-box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.27);
box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.27);
}
/*bile pozadi*/
#CookiesBar.white { background-color:white; }
#CookiesBar.opacity.white { background:rgba(255,255,255,0.75); }
/*cerne pozadi*/
#CookiesBar.black { background-color:black; }
#CookiesBar.opacity.black { background:rgba(0,0,0,0.75); }

/*na celou siri*/
#CookiesBar.fullsize { width:calc(100% - 60px); }

/*box na prave strane*/
#CookiesBar.rightbox { width:350px; right:1rem; left:auto; top:auto; bottom:1rem; margin:auto; }
#CookiesBar.rightbox .button.btAllow { margin-bottom:0.5rem; }

/*box absolutne pozicovan doprostred obrazovky*/
#CookiesBar.absolutecenterbox { position:fixed; width:100%; margin:0; padding:0; left:0; top:0; z-index:10000; }
#CookiesBar.absolutecenterbox .button.btAllow { margin-bottom:0.5rem; }
#CookiesBar.absolutecenterbox .cookieBox{ position:absolute; width:320px; left:0; top:0; right:0; bottom:0; margin:auto;
                                          display:table; height:auto; background-color:white; padding:15px;
}



/*vlastni*/
#CookiesBar .buttons a.button { border:1px solid var(--color1); background-color:var(--color1); }
#CookiesBar .buttons .button:hover { border:1px solid var(--color1); }
#CookiesBar .buttons .button.btSettings { background-color:silver; border:1px solid silver; }
#CookiesBar .buttons .button.btSettings:hover,#CookiesBar .buttons .button.btSettings:visited { border-color:silver; color:white; }

/*settings module*/
#CookiesBarSettings .RadButton_Default.k-switch-on .k-switch-container { background-color:green; }
#CookiesBarSettings .RadButton_Default.k-switch-off .k-switch-container { background-color:red; color:white; }
#CookiesBarSettings { background-color:var(--color6); }
#CookiesBarSettings .item .cookiesheader { width:calc(100% - 30px); padding:15px; }
#CookiesBarSettings .flex { width:100%; flex-wrap:nowrap; }
#CookiesBarSettings .item { }
#CookiesBarSettings .item .cookiesheader{ background-color:#E9E9E9; }
#CookiesBarSettings .item .cookiescontent{ background-color:var(--color10); }
#CookiesBarSettings .item .cookiescontent .cookiescontentcontent { padding:15px; }
#CookiesBarSettings .item .cookiesheader .cookiesheadercontent .title{ width:calc(100% - 80px); }
#CookiesBarSettings .item .cookiesheader .cookiesheadercontent .changesetting{ width:80px; }

#CookiesBarSettings .item .cookiescontent .cookiescontentcontent table, #CookiesBarSettings .item .cookiescontent .cookiescontentcontent td { border: 1px solid silver;
  border-collapse: collapse; }
#CookiesBarSettings .item .cookiescontent .cookiescontentcontent table { font-size:90%; }
#CookiesBarSettings .item .cookiescontent .cookiescontentcontent table tr.trhead td{ font-weight:bold; }
#CookiesBarSettings .item .cookiescontent .cookiescontentcontent table tr td{ padding:5px; }



/*settings page*/
#CookiesSettingsPage .settings { float:right; width:48%; margin-left:2%; margin-bottom:2%; }
#CookiesSettingsPage h3 { padding-top:0; }

@media all and (max-width:85em) {

    #CookiesSettingsPage { width:90%; margin-left:5%; margin-right:5%; }
    
}

@media all and (max-width:61em) {

    #CookiesSettingsPage .settings { width:100%; margin:0; margin-bottom:2rem; }
    
}

@media all and (max-width:36em) {

    #CookiesBar.rightbox { right:2%; left:2%; width:calc(96% - 60px); }
    
}