/* Cookies & Privacy panel by HAP  */
/*   v4 - úpravy dle HD[11981]  */
/* panel na střed, blokující stránku */


/* reset pro HP cook */
#CPrivacy-Modal h5,
#CPrivacy-Modal ul,
#CPrivacy-Modal li,
#CPrivacy-Modal p,
#CPrivacy-Modal a,
#CPrivacy-Modal input,
#CPrivacy-Panel p,
#CPrivacy-Panel a { margin:0; padding:0;}



/* HP tlačítka */
.CPrivacy-Buttons {text-align: right;}
.CPrivacy-Buttons button { line-height: 1em; border-color: #41a5fd; color: #41a5fd; background-color: #ffffff; border: 2px solid #39a8ef; border-radius: 4px; font-weight: 500; padding: 10px 15px; user-select: none; width: auto; cursor: pointer; margin:.5em; white-space:nowrap; font-size: 13px;}
.CPrivacy-Buttons button span { display: inline-block; border-style: solid; border-width: .15em .15em 0 0; height: .5em; transform: rotate(45deg); width: .5em; margin: .1em .5em;}
.CPrivacy-Buttons button.CP-allowAll { background-color: #41a5fd; color:white}


/* HP switcher + switch */
.CPrivacy-switcher button { color: #505050; border-radius: 4px; justify-content: center; line-height: inherit; padding: 0 12px; height: inherit; user-select: none; width: auto; cursor: pointer; margin: .25em; background: #fafafa; font-size: .85em; }

.CPrivacy-switcher [class*="CPagree"].selected {color:#00ab00; background: #bfffc1;}
.CPrivacy-switcher [class*="CPnotAgree"].selected {color:#ea0000; background: #ffbfc1;}


.CPrivacy-switch { display: flex; justify-content: center;	align-items: center; margin-left: auto; }
.CPrivacy-switch input{	height: 0;	width: 0;	visibility: hidden; display:none}
.CPrivacy-switch label {	background: #ccc;	color:  #888; cursor: pointer;	text-indent: -9999px;	width: 4em;	height: 2em;	display: block;	border-radius: 1em;	position: relative;box-shadow: 0 0 0.25em inset;}
.CPrivacy-switch label:after {	content: '';	position: absolute;	top: .2em;	left: .2em;	width: 1.6em;	height: 1.6em;	background: #fff;	color:  #888;border-radius: .8em;	transition: 0.3s;box-shadow: 0 0 0.25em}
.CPrivacy-switch input:checked + label {	background: #41a5fd; color:#003e74}
.CPrivacy-switch input:checked + label:after {	left: calc(4em - .2em);	transform: translateX(-100%);color:#003e74}
.CPrivacy-switch label:active:after {	width: 2.3em;}
.CPrivacy-switch input:disabled + label,
.CPrivacy-switcher button:disabled,
.CPrivacy-switcher button[disabled] {opacity:.5; cursor:not-allowed}
.CPrivacy-switcher { display:none}

/* HP modal */
#CPrivacy-Modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.2); z-index: 9999; /*font-size: 14px;*/}
#CPrivacy-Modal > div { width: 100%; max-width:800px; min-height: 50%; max-height: 90vh; position: relative; margin: 5vh auto; padding: 15px; border-radius: 10px; background: #fff; box-shadow: 0 32px 68px rgba(0,0,0,.3);display: flex; flex-direction: column}
#CPrivacy-Modal-Main { overflow-x: auto; min-height: 50vh;}


/* HP záložky */
#CPrivacy-Modal .CPrivacy-tab-nav { list-style: none; margin: 0; padding: 0; position: relative; z-index:6 }
#CPrivacy-Modal .CPrivacy-tab-nav li { list-style:none; display: list-item}
#CPrivacy-Modal .CPrivacy-tab-nav li:first-child a { border-right: 0; border-top-left-radius: 6px}
#CPrivacy-Modal .CPrivacy-tab-nav li:last-child a { border-top-right-radius: 6px}
#CPrivacy-Modal .CPrivacy-tab-nav .CPrivacy-tab-active a { background: white; border-bottom-color: white; color: black; cursor: default}
#CPrivacy-Modal .CPrivacy-tab-nav a { background: #eee; border: 1px solid #ccc; color: black; display: block; font-weight: 600; padding: 10px 20px; text-decoration: none; font-size: 14px}
#CPrivacy-Modal .CPrivacy-tab-nav li { float: left;}
#CPrivacy-Modal .CPrivacy-tab-stage { border: 1px solid #ccc; border-radius: 0 6px 6px 6px; clear: both; margin-bottom: 2em; position: relative; z-index:5; top: -1px;  width: 100%; padding:1em;}


/* HP obsah záložek */
#CPrivacy-Modal summary { border: none; outline: none; padding: 15px 5px 5px; display: block; position: relative;}
#CPrivacy-Modal details:not(:last-child) { margin-top: 5px; border-bottom: 1px solid #ccc}
#CPrivacy-Modal details summary::-webkit-details-marker { display:none}
/*#CPrivacy-Modal details[open] > summary:before { transform: rotate(90deg)}
#CPrivacy-Modal summary:before { content: ''; border-width: .4rem; border-style: solid; border-color: transparent transparent transparent black; position: absolute; top: 1.2rem; left: 1rem; transform: rotate(0); transform-origin: .2rem 50%; transition: .25s transform ease;}*/
#CPrivacy-Modal summary > div {display:flex; width:100%}
#CPrivacy-Modal summary .CPrivacy-switcher {margin:0 1em 0 auto;}
#CPrivacy-Modal summary h5 { margin: 5px 0; font-size: 15px; font-weight: 600;}
#CPrivacy-Modal summary h5 span { font-weight: initial; padding: 0 0 0 5px; font-size: 12px; cursor: pointer;}
#CPrivacy-Modal summary p {padding: 0 0 1em; line-height: 20px}
#CPrivacy-Modal details ul { list-style:none; padding:0 2.2em;}
#CPrivacy-Modal details li {  margin-bottom:.25em; padding: 0 .25em .5em .25em}
#CPrivacy-Modal details li:not(:last-child) { border-bottom:1px solid #eee}
#CPrivacy-Modal details li:before { content: "Autor: "; opacity: .5}

#CPrivacy-Modal aside { margin: .5em; opacity: .85;}
#CPrivacy-Modal aside.CP-small {font-size:.85em;}
#CPrivacy-Modal aside.CP-right {text-align:right}

#CPrivacy-tab2 h4 {margin: 10px 0; font-size: 14px; font-weight: 600;}
#CPrivacy-tab2 h5 {margin:.5em 0 .25em; font-size:1.075em;}
#CPrivacy-tab2 p {padding: 0 0 10px; line-height: 15px}
#CPrivacy-tab2 a {text-decoration:underline}


/* HP spodní panel */
#CPrivacy-Panel { position:fixed; z-index: 9998; bottom: 0; width: 100%; max-width: 600px; left: 0; font-size: 13px; line-height: 1.2em;}
#CPrivacy-Panel > div { width: 100%; max-width: 1200px; margin: 0 auto; border: 2px solid #b8c2cb; background: #fff; box-shadow: 0 16px 32px rgb(48 55 61); border-radius: 3px;}
#CPrivacy-Panel > div > div {padding:1em;}
#CPrivacy-Panel h5 { font-weight: 700; font-size: 16px; margin: 5px 0 10px;}
#CPrivacy-Panel > div > div p { margin-bottom:.5em; font-size: 14px; line-height: 22px;}
#CPrivacy-Panel > div > div p a {text-decoration:underline; color: #41a5fd}
#CPrivacy-Panel button.CPanel-close { position: absolute; right: 0; border: none; background: no-repeat; padding: 0.5em;}