@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 100;
    src: local('Roboto Thin'),local('Roboto-Thin'),url(https://fonts.gstatic.com/s/roboto/v15/e7MeVAyvogMqFwwl61PKhPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/idLYXfFa1c7oAPILDl4z0fesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'),local('Roboto-Light'),url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    src: local('Roboto'),local('Roboto-Regular'),url(https://fonts.gstatic.com/s/roboto/v15/fIKu7GwZTy_12XzG_jt8eA.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/Xyjz-jNkfiYuJf8UC3Lizw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 500;
    src: local('Roboto Medium'),local('Roboto-Medium'),url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UFtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/oOeFwZNlrTefzLYmlVV1UD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 700;
    src: local('Roboto Bold'),local('Roboto-Bold'),url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aW1tXRa8TVwTICgirnJhmVJw.woff2) format('woff2'),url(https://fonts.gstatic.com/s/roboto/v15/97uahxiqZRoncBaCEI3aWz8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

.oznameni {
    font: normal 15px/1.4em 'Roboto', Arial, Sans-Serif;
}

.oznameni h1,
.oznameni h2,
.oznameni h3,
.oznameni h4,
.oznameni h5 {
    color: #024289;
    text-align: left;
    font-size: 30px;
    font-weight: 300;
}

.oznameni h2 {
    text-align: left;
    margin-bottom: 25px;
    line-height: 30px;
}

.oznameni h2:after {
    display: none;
}

.oznameni h4 {
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 0;
}

.oznameni h4 + p {
    margin-top: -3px;
}

.oznameni p {
    margin-bottom: 19px;
}

.oznameni *:before,
.oznameni *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.oznameni .novinka,
.oznameni .jak,
.oznameni .pripravujeme,
.oznameni .upozorneni,
.oznameni .priklad,
.oznameni .upozorneni-kasa,
.oznameni .upozorneni-pzd,
.oznameni .tip,
.oznameni .informace,
.oznameni .poznamka {
    position: relative;
    padding-top: 46px;
    margin-top: 24px;
}

.oznameni .novinka.bez-popisku:before,
.oznameni .jak.bez-popisku:before,
.oznameni .pripravujeme.bez-popisku:before,
.oznameni .upozorneni.bez-popisku:before,
.oznameni .priklad.bez-popisku:before,
.oznameni .upozorneni-kasa.bez-popisku:before,
.oznameni .upozorneni-pzd.bez-popisku:before,
.oznameni .tip.bez-popisku:before,
.oznameni .informace.bez-popisku:before,
.oznameni .poznamka.bez-popisku:before {
    content: "";
}

.oznameni .novinka:before,
.oznameni .jak:before,
.oznameni .pripravujeme:before,
.oznameni .upozorneni:before,
.oznameni .priklad:before,
.oznameni .upozorneni-kasa:before,
.oznameni .upozorneni-pzd:before,
.oznameni .tip:before,
.oznameni .informace:before,
.oznameni .poznamka:before {
    content: "novinka";
    position: absolute;
    top: 0;
    left: 0;
    background: url("https://www.stormware.cz/image/page/responsive/pohoda/SVG_sprite_Update.svg?ver=210513") no-repeat;
    height: 31px;
    width: 36px;
    transform: rotate(.01deg);
    padding: 15px 0 0 36px;
    font-weight: bold;
    color: #7bb135;
}

.oznameni .novinka:after,
.oznameni .jak:after,
.oznameni .pripravujeme:after,
.oznameni .upozorneni:after,
.oznameni .priklad:after,
.oznameni .upozorneni-kasa:after,
.oznameni .upozorneni-pzd:after,
.oznameni .tip:after,
.oznameni .informace:after,
.oznameni .poznamka:after {
    content: "";
    position: absolute;
    top: 29px;
    right: 0;
    border-bottom: 1px solid #e1f5fe;
    width: calc(100% - 98px);
}

.oznameni .novinka.bez-popisku:after {
    width: calc(100% - 40px);
}

.oznameni .jak {
    color: #888;
}

.oznameni .jak:before {
    background-position-y: -39px;
    color: #888;
    content: "jak?";
}

.oznameni .jak:after {
    width: calc(100% - 73px);
}

.oznameni .pripravujeme:before {
    background-position-y: -78px;
    color: #14427e;
    content: "připravujeme";
}

.oznameni .pripravujeme:after {
    width: calc(100% - 134px);
}

.oznameni .upozorneni:before {
    background-position-y: -117px;
    color: #e98f16;
    content: "upozornění";
}

.oznameni .upozorneni:after {
    width: calc(100% - 121px);
}

.oznameni .priklad:before {
    background-position-y: -156px;
    color: #821f81;
    content: "příklad";
}

.oznameni .priklad:after {
    width: calc(100% - 92px);
}

.oznameni .upozorneni-kasa:before {
    background-position-y: -212px;
    color: #e98f16;
    content: "upozornění pro Kasu Offline";
}

.oznameni .upozorneni-kasa:after {
    width: calc(100% - 234px);
}

.oznameni .upozorneni-pzd:before {
    background-position-y: -247px;
    color: #e98f16;
    content: "upozornění pro PZD";
}

.oznameni .upozorneni-pzd:after {
    width: calc(100% - 179px);
}

.oznameni .tip {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

.oznameni .tip:before {
    background-position-y: -282px;
    color: #009ee2;
    content: "tip";
}

.oznameni .tip:after {
    width: calc(100% - 63px);
}

.oznameni .poznamka {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

.oznameni .poznamka:before {
    color: #009ee2;
    content: "poznámka";
    background-position: -95px -282px;
}

.oznameni .poznamka:after {
    width: calc(100% - 116px);
}

.oznameni .informace {
    color: #000;
    padding: 46px 0 0 0;
    border-top: 0;
}

.oznameni .informace:before {
    color: #009ee2;
    content: "informace";
    background-position: -58px -282px;
}

.oznameni .informace:after {
    width: calc(100% - 114px);
}

.oznameni .platformy {
    display: flex;
    gap: 5px;
    justify-content: flex-end;
    position: absolute;
    top: -1px;
    width: 100%;
}

.oznameni .platformy .web,
.oznameni .platformy .android,
.oznameni .platformy .huawei,
.oznameni .platformy .ios {
    top: 0;
    right: 0;
    background-image: url("../image/mPohoda/infochannel/ico_notification_platforms_spritesheet.svg");
    background-repeat: no-repeat;
    background-size: 123px 29px;
    height: 29px;
    padding: 0 0 0 30px;
    font-weight: bold;
}

.oznameni .platformy .web {
    background-position-x: -92px;
}

.oznameni .platformy .android {
    background-position-x: -1px;
}

.oznameni .platformy .huawei {
    background-position-x: -61px;
}

.oznameni .platformy .ios {
    background-position-x: -31px;
}

.img-responsive {
    display: block;
    max-width: 100%;
    height: auto;
}