:root {
    --color-shadow:         #ccc;
    --color-hover:          #d42f2e;
    --color-text:           #1c1b1b;
    --text-size:            14px;
    --text-line-size:       18px;
    --text-font:            'Arial', sans-serif;
    --box-shadow:           0px 1px 15px 0px rgba(0,0,0,0.15);
    --border:               1px solid #ededed;

    /* nadpisy */
    --header-top-margin:    0;
    --header-font:          'Arial', sans-serif;
    --header-font-size:     24px;
    --header-font-weight:   700;
    --header-font-color:    #1c1c1c;

    /* tlacitka */
    --button-box-top-line:  1px solid #ededed; /* linka nad tlacitky */
    --button-radius:        5px;
    --button-padding:       10px 20px;
    --button-bg:            #fff;
    --button-bg-active:     #000;
    --button-bg-active-o:   #656565;
    --button-border:        1px solid #ccc;
    --button-border-active: 1px solid #656565;
    --button-font:          'Arial', sans-serif;
    --button-font-size:     13px;
    --button-font-weight:   600;
    --button-line-height:   13px;
    --button-tx-transform:  none;


    /* kategorie */
    --category-h-radius:    3px;
    --category-i-padding:   10px;
    --category-i-bg:        #ededed;
    --category-i-line:      22px;

    /* prepinace */
    --check-bg-disabled:    #ccc;
    --check-bg-yes:         #48a80a;
    --check-bg-no:          #000;
    --check-bg-radius:      5px;
    --check-button-radius:  3px;

    /* lista nahore */
    --top-bar-padding:      18px;
    --top-bar-bott-padding: 6px;
    --top-bar-bg:           #fff;
}

.ui-dialog.ui-widget,
/* .ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"], */
.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-1"]  {
    padding:                10px 25px 25px 25px;
    background:             #fcfcfc;
    border:                 var(--button-border);
    border-radius:          var(--button-radius);     
    box-shadow:             var(--box-shadow);    
}
.ui-dialog.ui-widget {
/* .ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-1"]  { */
    position:               fixed !important;
    top:                    80px !important;  
}

.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"] {
    padding-top:            0;
    position:               fixed;
}

.cookie-consent-nonmodal-popup.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"] {
    bottom:                 25px !important;
    top:                    auto !important;
    left:                   25px !important;
}

.ui-dialog.ui-widget .ui-dialog-titlebar-close ,
.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"] .ui-dialog-titlebar-close {
/* .ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-1"] .ui-dialog-titlebar-close { */
    display:	            none;
}
.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"] .banner-header {
    margin-top:             10px;	
}

/* zakaz scrollovani, pod polopruhlednym pozadim */ 
body.popup-shown {
    overflow:     hidden !important;
}

.ui-widget-overlay {
    display:      block;
    width:        100%;
    height:       100%;
    content:      '';
    position:     fixed;
    top:          0;
    left:         0;
    z-index:      99;
    background:   rgba(0,0,0, 0.5);
}
.ui-dialog.ui-widget[aria-labelledby="ui-dialog-title-cookie-consent-info-wrapper"] .banner-header {
    border-bottom:          var(--button-box-top-line); 
    padding-bottom:         6px;
    margin-bottom:          18px;
}
.close-popup   {
    position:               absolute;
    top:                    25px;
    right:                  10px;
    width:                  25px;
}
.cookie-consent-poup-button-bar-selected {
    margin-left:            4px !important;	
}

.cookie-consent-popup-content {
    z-index: 99999;
    position: relative;
}

#cookie-consent-info-wrapper {
    cursor:          default;
}
.cookie-consent-popup {
    cursor:          default;
}
.cookie-consent-info-content .banner-header strong,
.cookie-consent-popup-title {
    color:           var(--header-font-color);
    font-size:       var(--header-font-size);
    font-weight:     var(--header-font-weight);
    font-family:     var(--header-font);
    margin-bottom:   10px;
    margin-top:      var(--header-top-margin);
}
.cookie-consent-popup-button-bar  {
    border-top:      var(--button-box-top-line);
}
.cookie-consent-popup-button-bar li {
    list-style:      none;
    margin:          0;
    background:      transparent;
    padding:         0 10px 5px 0;
    display:         inline-block;
}
.cookie-consent-info-button-bar {
    border-top:      var(--button-box-top-line);
    margin:          0;
    width:           100%;
    text-align:      right;
}
.cookie-consent-info-button-bar li:last-child {
    float:           left;
}
.cookie-consent-popup-button-bar li,
.cookie-consent-info-button-bar li {
    list-style:      none;
    margin:          0;
    background:      transparent;
    padding:         0 0 5px 0;
    display:         inline-block;
}
.cookie-consent-popup-button-bar li a,
.cookie-consent-info-button-bar li a {
    border:          var(--button-border);
    border-radius:   var(--button-radius);
    color:           var(--color-text);
    text-decoration: none;
    background:      var(--button-bg);
    line-height:     var(--button-line-height);
    padding:         var(--button-padding);
    font-family:     var(--button-font);
    font-size:       var(--button-font-size);
    line-height:     var(--button-line-height);
    height:          auto !important;
    text-transform:  var(--button-tx-transform);
    box-shadow:      none;  
}
.cookie-consent-popup-button-bar li a:hover,
.cookie-consent-info-button-bar li a:hover {
    background:      var(--button-bg-active);
    color:           #fff;
}
.cookie-consent-info-button-bar li a {
    min-width: 12em;
    text-align: center;
}

.cookie-consent-popup-category-desc,
.cookie-consent-popup-content p,
.cookie-consent-popup-footer p,
.cookie-consent-info-content ul li,
.cookie-consent-info-content p {
    color:           var(--color-text);
    font-family:     var(--text-font);
    font-size:       var(--text-size);
    line-height:     var(--text-line-size);
    margin-bottom:   calc((var(--text-line-size)) / 2);
}
.cookie-consent-info-content ul li a,
.cookie-consent-info-content ol li a,
.cookie-consent-info-content p a {
    font-family:     var(--text-font);
    font-size:       var(--text-size);
    line-height:     var(--text-line-size);
}
.cookie-consent-info-content ul li {
    background-image:    none;
    list-style:          disc;
    list-style-position: inside;
    padding-left:        0;
}

/* tlacitka podrobne nastaveni */
.cookie-consent-popup-content {
    padding-top: 10px;
}
.cookie-consent-popup-button-bar {
    width: 100%;
    padding-top: 20px;
}
.cookie-consent-popup-button-bar li {
    display: inline-block;
}
.cookie-consent-popup-button-bar li:last-child {
    float: right;
}
.cookie-consent-info-button-bar li:first-child a,
.cookie-consent-popup-button-bar li:last-child a {
    background:       var(--button-bg-active);
    color:            #fff;
    border:           var(--button-border-active);
    font-family:      var()
}
.cookie-consent-info-button-bar li:first-child a:hover,
.cookie-consent-popup-button-bar li:last-child a:hover {
    background:       var(--button-bg-active-o);
}

.cookie-consent-popup-category-checkbox-image-false {
    display: block;
}
.cookie-consent-popup-category-checked .cookie-consent-popup-category-checkbox-image-false {
    display: none;
}
.cookie-consent-popup-category-checkbox-image-true {
    display: none;
}
.cookie-consent-popup-category-checked .cookie-consent-popup-category-checkbox-image-true {
    display: block;
}
.cookie-consent-popup-category-title {
    float:         left;
    padding:       10px;
    font-family:   var(--header-font);
    font-weight:   700;
    font-size:     14px; 
    color:         var(--color-text);
}
.cookie-consent-popup-category-li .cookie-consent-popup-category-title:before {
    content: '';
    width: 12px;
    height: 10px;
    display: inline-block;
    margin-right: 8px;
    background-image: url(/css/img/cookie-arrow-down.svg);
    background-position: 50% 100%;
}
.cookie-consent-popup-category-li.open .cookie-consent-popup-category-title:before {
    animation:spin 0.5s linear 1;
    transform:rotate(180deg);
}
.cookie-consent-popup-category-li.noOpen .cookie-consent-popup-category-title:before {
    animation:spinBack 0.5s linear 1;
    transform:rotate(0deg);
}
@-moz-keyframes spinBack {
    0% {    -moz-transform: rotate(180deg); }
    50% {   -moz-transform: rotate(80deg); }
    100% {  -moz-transform: rotate(0deg); }
}
@-webkit-keyframes spinBack {
    0% {    -webkit-transform: rotate(180deg); }
    50% {   -webkit-transform: rotate(80deg); }
    100% {  -webkit-transform: rotate(0deg); }
}
@-o-keyframes spinBack {
    0% {    -o-transform: rotate(180deg); }
    50% {   -o-transform: rotate(80deg); }
    100% {  -o-transform: rotate(0deg); }
}
@-moz-keyframes spin {
    0% {    -moz-transform: rotate(0deg); }
    50% {   -moz-transform: rotate(80deg); }
    100% {  -moz-transform: rotate(180deg); }
}
@-webkit-keyframes spin {
    0% {    -webkit-transform: rotate(0deg); }
    50% {   -webkit-transform: rotate(80deg); }
    100% {  -webkit-transform: rotate(180deg); }
}
@-o-keyframes spin {
    0% {    -o-transform: rotate(0deg); }
    50% {   -o-transform: rotate(80deg); }
    100% {  -o-transform: rotate(180deg); }
}


/* prepinace */
.cookie-consent-popup-category-checkbox {
    float:           right;
    width:           50px;
    height:          30px;
    cursor:          pointer;
    padding:         5px 0 0 0;
    margin-right:    8px;
}
.cookie-consent-popup-category-checkbox input[type="checkbox"] {
    -webkit-appearance: none;
    position: relative;
    background-color: var(--check-bg-no);
    width:            46px;
    height:           24px;
    border-radius:    var(--check-bg-radius);
    border:           none;
    /* box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); */
    cursor:           pointer;
    transition:       0.7s ease all;
}
.cookie-consent-popup-category-checkbox input:checked {
    background-color: var(--check-bg-yes);
}
.cookie-consent-popup-category-checkbox input:before {
    content:          "";
    position:         absolute;
    width:            20px;
    height:           20px;
    left:             2px;
    top:              2px;
    background-color: var(--color-shadow);
    border-radius:    var(--check-button-radius);
    box-shadow:       0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.cookie-consent-popup-category-checkbox input:checked:before {
    background-color: #fff;
    left:             24px;
}
.cookie-consent-popup-category-checkbox input:checked:disabled:before {
    background-color: var(--check-bg-disabled);
    left:             24px;
}
.cookie-consent-popup-category-checkbox input:checked:disabled {
    background-color: var(--color-shadow);
}
.cookie-consent-popup-category-checkbox input:checked:disabled:before {
    background-color: #fff;
}
.cookie-consent-popup-categories li {
    list-style:       none;
    margin:           0;
    margin-bottom:    5px;
    background:       transparent;
    border:           var(--border);
    padding:          0;
    cursor:           help;
    border-radius:    var(--category-h-radius);
}
.cookie-consent-popup-category-desc {
    border-top:       var(--button-border);
    background:       var(--category-i-bg);
    padding:          var(--category-i-padding);
    line-height:      var(--text-line-size);
    cursor:           default;
}
.cookie-consent-popup-categories li.cookie-consent-popup-category-checked {
    background:       rgba(255,255,255,0.8);
}
.cookie-consent-popup-category-title {
    font-weight:      bold;
}
.cookie-consent-info-content .banner-header {
    margin-bottom:    1em;
}
.close-popup .cookie-consent-close {
    text-decoration:  none;
    line-height:      1em;
    font-weight:      300;
    font-size:        18px;
    color:            var(--color-text);
}
.close-popup .cookie-consent-close:hover {
    color:            var(--color-hover);
}


/* ===== se zapnutym tlacitkem Odmitnout vse   ====== */
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full li:nth-child(2) {
    float:            left;    
    margin-right:     8px;
}


/* =====  styl s listou nahore   ====== */
#cookie-consent-info-wrapper.container  {
    text-align:       center;
    width:            100%;
}
#cookie-consent-info-wrapper.container[style="display: block;"]  {
    padding-left:     calc((100% - 1200px)/2);
    padding-right:    calc((100% - 1200px)/2);
    padding-top:      var(--top-bar-padding);
    padding-bottom:   var(--top-bar-bott-padding);
    background:       var(--top-bar-bg);
    box-shadow:       inset -1px -5px 7px -3px rgba(0,0,0,0.2);
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content,
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    text-align:       left;
    display:          block;
    float:            left;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content {
    width:            980px;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    margin-top:       12px; 
    border-top:       none;
    padding-top:      5px;
    width:            220px;
    display:          flex;
    flex-direction:   column-reverse;
    justify-content:  flex-end;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full {
    margin-top:       0;
    padding-top:      0;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar li  {
    text-align:       right;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content ul {
    display:          flex;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content ul li {
    padding-right:    45px;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full li:nth-child(2) {
    margin-right:     0;
}



/* ================================================================================================================================ */ 
/* ================================================================================================================================ */ 
/* =========================                                                                               ======================== */ 
/* =========================                   r e s p o n s i v n i   s t y l y                           ======================== */ 
/* =========================                                                                               ======================== */ 
/* ================================================================================================================================ */ 
/* ================================================================================================================================ */

@media screen and (max-width:1200px) {
#cookie-consent-info-wrapper.container .cookie-consent-info-content,
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    padding-left:     0;
    padding-right:    0;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content {
    margin-left: 15px;
    width: calc(100% - 260px);
}
} /* 1200 */



@media screen and (max-width:790px) {
#cookie-consent-info-wrapper.container .cookie-consent-info-content ul {
    display:          block;
    padding-left:     0;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-content ul li {
    padding-right:    0;
}
}  /* 790 */


@media screen and (max-width:660px) {
.ui-dialog {
    width: calc(100% - 44px) !important;
    min-width: 200px !important;
    left: 20px !important;
    border: 2px solid #e3e3e3;
}
.ui-dialog[aria-describedby="cookie-consent-info-wrapper"] {
     bottom: 20px !important;
}
/* top bar */
#cookie-consent-info-wrapper.container .cookie-consent-info-content, 
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    width: calc(100% - 30px);
    margin: 0 15px;
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    flex-direction: row-reverse;
    justify-content: space-between;
}
} /* 660 */


@media screen and (max-width:580px) {
.cookie-consent-popup-button-bar li  {
     text-align: right;
     float: left;
     width: 50%;
}
.cookie-consent-popup-button-bar li:last-child  {
     text-align: center;
     margin-top: 8px;
     width: 100%;
}
.cookie-consent-popup-button-bar li a {
     width: calc(100% - 10px);
}
.cookie-consent-popup-button-bar li:first-child  {
     text-align: left;
}
.cookie-consent-popup-button-bar li:last-child a {
     width: 100%;
}
/* ===== se zapnutym tlacitkem Odmitnout vse   ====== */
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full  {
     display:           flex;
     flex-direction:    row-reverse; 
}
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full li:last-child {
     padding-right:     8px;
}
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full li a {
     min-width:         2em;
}
} /* 580 */


@media screen and (max-width:540px) {
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar a {
     min-width: 2em;
}
} /* 540 */

@media screen and (max-width:500px) {
.close-popup {
     top: 2px;
     right: 4px;
}
.ui-dialog[aria-describedby="cookie-consent-info-wrapper"] .close-popup {
     top: 2px;
     right: 4px;
}
.cookie-consent-info-content .banner-header strong,
.cookie-consent-popup-title {
     font-size: 18px;
     font-weight: bold;
}
.cookie-consent-popup-button-bar li:first-child a {
    text-align: center;
}
/* top bar */
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar {
    flex-direction: row-reverse; 
}
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full {
    flex-direction: row-reverse; 
}
} /* 500 */


@media screen and (max-width:467px) {
.cookie-consent-info-button-bar li a,
.cookie-consent-info-button-bar li:first-child a,
.cookie-consent-popup-button-bar li  {
     text-align: center;
     float: none;
     width: 100%;
}
.cookie-consent-popup-button-bar li a {
     width: 100%;
}
.cookie-consent-popup-button-bar li:last-child  {
     margin-top: 0;
}
} /* 467 */


@media screen and (max-width:430px) {
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar li  {
     width: 100%;
     float: none;
}
/* top bar */
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar, 
#cookie-consent-info-wrapper.container .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full {
     flex-direction:   column-reverse; 
}
} /* 430 */


@media screen and (max-width:410px) {
.cookie-consent-info-button-bar {
     display:         flex;
     flex-direction:  column-reverse;
}
.cookie-consent-info-button-bar li {
     display:         block;
     width:           100%;
}
} /* 410 */


@media screen and (max-width:380px) {
/* ===== se zapnutym tlacitkem Odmitnout vse   ====== */
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full  {
     flex-direction:    column-reverse;
}
#cookie-consent-info-wrapper .cookie-consent-info-button-bar.cookie-consent-info-button-bar-full li:last-child  {
     padding-right:     0;
}
} /* 380 */

.cookie-consent-info-button-bar, .cookie-consent-popup-categories, .cookie-consent-popup-button-bar  {
    padding-left: 0;
}