.cpkb-notifications{position:relative;display:inline-flex;align-items:center;margin-right:12px;color:#0a3c7d;font-family:inherit;vertical-align:middle}
.cpkb-notifications__bell{position:relative;display:flex;align-items:center;justify-content:center;list-style:none;width:42px;height:42px;cursor:pointer;border:1px solid #ccd5df;border-radius:4px;background:#fff;color:#0a3c7d}
.cpkb-notifications__bell::-webkit-details-marker{display:none}
.cpkb-notifications__bell:focus-visible,.cpkb-notifications__panel a:focus-visible,.cpkb-notifications__panel button:focus-visible{outline:3px solid #ffdd00;outline-offset:2px}
.cpkb-notifications__badge{position:absolute;right:-6px;top:-6px;background:#b10e1e;color:#fff;font-size:12px;line-height:20px;min-width:20px;text-align:center;border-radius:12px;padding:0 4px}
.cpkb-notifications [hidden]{display:none!important}
.cpkb-notifications__panel{position:absolute;right:0;top:49px;width:360px;max-width:calc(100vw - 32px);max-height:65vh;overflow-y:auto;background:#fff;box-shadow:0 6px 24px #0003;border:1px solid #ccd5df;z-index:10000;padding:20px;color:#172b4d;text-align:left;white-space:normal}
.cpkb-notifications__panel h2{font-size:21px;margin:0 0 16px;color:#0a3c7d}
.cpkb-notifications__panel h3{font-size:18px;margin:0 0 8px}
.cpkb-notifications__panel p{font-size:16px;line-height:1.5;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere}
.cpkb-notifications__panel article{padding:16px 0;border-top:1px solid #d9e0e7}
.cpkb-notifications__panel a{display:inline-block;color:#005ea8;text-decoration:underline;font-size:16px}
.cpkb-notifications__panel button{display:block;margin-top:12px;background:#fff;border:1px solid #526174;color:#172b4d;border-radius:3px;padding:8px 10px;font:inherit;font-size:14px;cursor:pointer}
@media(max-width:640px){.cpkb-notifications__panel{position:fixed;right:16px;left:16px;top:110px;width:auto}.cpkb-notifications{margin-right:6px}}

/* Align the desktop bell inside the blue account navigation, beside the name. */
.cpkb-notifications-nav-item{display:inline-flex!important;align-items:center!important;vertical-align:middle;margin:0!important;padding:0!important;list-style:none;height:44px}
.cpkb-notifications-nav-item .cpkb-notifications{margin:0 12px 0 0;height:44px;align-items:center}
.cpkb-notifications-nav-item .cpkb-notifications__bell{height:34px;width:34px;background:transparent;color:#fff;border-color:transparent}
.cpkb-notifications-nav-item .cpkb-notifications__bell:hover{background:rgba(255,255,255,.14)}
.cpkb-notifications-nav-item .cpkb-notifications__panel{top:42px}
.cpkb-notifications--mobile{vertical-align:middle}

/* Spoločné zvislé zarovnanie mena a zvončeka. */
.idsk-header-web__nav-list:has(> .cpkb-notifications-nav-item) {
    display: flex !important;
    align-items: center !important;
}

.idsk-header-web__nav-list > .cpkb-notifications-nav-item {
    display: inline-flex !important;
    align-items: center !important;
    align-self: center;
    height: auto !important;
    margin: 0 8px 0 0 !important;
    padding: 0 !important;
}

.cpkb-notifications-nav-item .cpkb-notifications {
    display: inline-flex;
    align-items: center;
    height: auto !important;
    margin: 0 !important;
}

.cpkb-notifications-nav-item .cpkb-notifications__bell {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
}

.cpkb-notifications__bell svg {
    display: block;
}