:root {
    --primary-bakground-color: #ffffff;
    --title-color: #000000;
    --primary-text-color: #4a4a4a;
    --secondary-text-color: #333333;
    --footer-background: #E9E9E9;
    --secondary-background-color: #F5F5F5;
    --inputs-borders-bkgr: #eee;
    --body-color: #191919
}
body.dark-mode {
    --primary-bakground-color: #212121;
    --title-color: #fff;
    --primary-text-color: #e0e0e0;
    --secondary-text-color: #939393;
    --footer-background: #484848;
    --secondary-background-color: #434343;
    --inputs-borders-bkgr: #555;
    --body-color: #e5e5e5
}
@font-face {
    font-family: 'rts';
    src: url('/assets/front/fonts/rtssans-regular-webfont.woff2') format('woff2'),
        url('/assets/front/fonts/rtssans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

html {
    position: relative;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body {
    font-family: rts, Helvetica, sans-serif;
    font-size: 13px;
    color: var(--title-color);
    -webkit-font-smoothing: antialiased;
    line-height: 1.42857143;
    color: var(--body-color);
    background-color: var(--primary-bakground-color);
    padding-top: 60px;
    position: relative;
    overflow-x: hidden;
    transition: background-color 0.3s ease, color 0.3s ease, opacity 0.3s ease;
}

h1, h2, h3, h4, h5, h6 {
    font-family: rts, Helvetica, sans-serif;
    font-weight: 500;
    line-height: 1.1;
    margin: 20px 0 10px;
}
h4, h5, h6 {
    margin: 10px 0 10px;
}
h2 {
    font-size: 24px;
}
h3 {
    font-size: 20px;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 14px;
}
h6 {
    font-size: 12px;
}

*:focus {
    outline: 0 !important;
}
p {
    margin: 0 0 10px;
    font-size: 15px;
    color: var(--primary-text-color);
    line-height: 160%;
}

b, strong {
    font-weight: bold;
}

/*.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    margin: 0;
}*/

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

button {
    cursor: pointer;
}
a,
button {
    color: var(--title-color);
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease
}
a:hover, button:hover {
    color: #e82c2c;
    transition: color .3s ease, background-color .3s ease, border-color .3s ease, box-shadow .3s ease, opacity .3s ease, -webkit-box-shadow .3s ease
}
a.redButton {
    color: #fff;
    font-size: 13px;
    line-height: 40px;
    text-transform: uppercase;
    display: table;
    text-align: center;
    background-color: #c31d24;
    margin-top: 10px;
    min-width: 135px;
}
a.redButton:hover {
    background-color: #1E365A;
}
:focus, :hover {
    outline: none;
    text-decoration: none;
}

::-moz-focus-inner {
    border: 0;
    outline: none;
}

:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 transparent;
}

input,
input:focus,
input:active,
input:focus-visible {
    color: var(--title-color);
}

@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
        color: transparent;
        text-shadow: 0 0 0 #fff !important;
        background-image: none;
        border: 0;
    }
}

@media print {
    img {
        max-width: 100% !important;
    }
}

@media print {
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
}

svg:not(:root) {
    overflow: hidden;
}

img {
    -ms-interpolation-mode: bicubic;
}

::-moz-selection {
    background: #cc242d;
    color: #fff;
}

::selection {
    background: #cc242d;
    color: #fff;
}

label {
    font-weight: normal;
}

ul, ol {
    margin-top: 0;
    margin-bottom: 10px;
    padding-left: 40px;
}

.app-wrapper {
    width: 100%;
    max-width: 1260px;
    margin: 0 auto;
    overflow: auto;
}

.app-wrapper::before {
    content: '';
    display: table;
    clear: both;
}

.app-main {

}

.app-sidebar {

}
.container {
    width: 100%;
    max-width: 1300px;
    padding: 0 15px;
    box-sizing: border-box;
}
#container h1 {
    font-family: rts, Helvetica, sans-serif;
    color: var(--primary-text-color);
    font-size: 26px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 10px;
    margin-bottom: 40px;
}
.app-main {
    float: left;
    width: 940px;
    margin: 10px 10px 10px 0;
    padding: 0;
    position: relative;
}
.app-sidebar {
    width: 320px;
    background: var(--primary-bakground-color);
    float: left;
    height: 100%;
    padding: 10px;
    position: relative;
}

/* --------------------------------- HEADER --------------------------------- */

header {
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    background: #8a112f;
    background: -moz-linear-gradient(left, #8a112f 0%, #e82c2c 100%);
    background: -webkit-linear-gradient(left, #8a112f 0%,#e82c2c 100%);
    background: linear-gradient(to right, #8a112f 0%,#e82c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#e82c2c',GradientType=1 );
    z-index: 99999;
}
.app-header {
    width: 100%;
    padding: 0;
    display: flex;
    height: 100%;
    justify-content: space-between;
    align-items: center;
}
.headerLeft {
    display: flex;
    align-items: center;
}
.logo {
    width: 73px;
    height: 26px;
    float: left;
    margin: 0 35px 0 60px;
    display: block;
    background-image: url("../img/rts-logo.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.logo a {
    width: 100%;
    height: 100%;
    display: block;
}
/* NAVIGATION */
.app-nav {

}
.app-nav ul {
    list-style-type: none;
    display: table;
    margin: 0;
    padding: 0;
}
.app-nav .navL1 {
    display: none;
}
.app-nav ul li {
    float: left;
}
.app-nav .nav-link {
    color: #fff;
    font-size: 16px;
    padding: 0 13px;
    text-transform: uppercase;
    font-family: rts, sans-serif;
    font-weight: 400;
    line-height: 60px;
    height: 60px;
    background-color: transparent;
}
.app-nav .nav-link.onPath,
.app-nav .nav-link:hover{
    background-color: #d02733;
}
.app-nav .nav-link span,
.app-nav .nav-link i,
.app-nav .nav-link:hover span,
.app-nav .nav-link:hover i{
    color: #fff;
}

.hederRight {
    margin-right: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.rts-planeta {
    display: block;
    width: 178px;
    height: 36px;
    background: url('../img/rtsplaneta-logo.svg');
}
.language-bar{
    display: flex;
}
.hederRight a {
    color: #fff;
    text-transform: capitalize;
    padding: 0 10px;
    display: flex;
    align-items: center;
    height: 60px;
    line-height: 60px;
    border-top-left-radius: 0;
    font-size: 16px;
    background-color: transparent;
}
.hederRight a.lang{
    width: 62px;
    text-align: center;
    display: block;
}
.hederRight a:hover {
    background-color: #d02733;
    color: #fff;
}
.hederRight a.live-tv {
    padding: 0 35px;
    margin: 0;
}
.app-search {
    position: relative;
}
.nav-search {
    display: none;
}
.nav-search.active {
    display: block;
    position: absolute;
    top: 60px;
    width: 442px;
    background: var(--primary-bakground-color);
    padding: 20px;
    right: -10px;
    z-index: 9999;
    border: 1px solid #ccc;
}
.nav-search.active::before {
    content: '';
    position: absolute;
    top: -10px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    right: 25px;
}
.nav-search input.app-input {
    background: #ECEDEE;
    border: 0;
    color: var(--secondary-text-color);
    display: inline-block;
    float: left;
    font-size: 10px;
    height: 40px;
    padding: 10px;
    vertical-align: middle;
    width: 290px;
    height: 50px;
    text-transform: uppercase;
    border-radius: 0;
}
.nav-search input.app-input::-webkit-input-placeholder {
    font-style: normal;
    font-size: 10px;
}
.nav-search input.app-input:-ms-input-placeholder {
    font-style: normal;
    font-size: 10px;
}

.nav-search input.app-input::placeholder {
    font-style: normal;
    font-size: 10px;
}
.nav-search input.searchButton {
    background: #E82C2C;
    border: 0;
    color: #fff;
    font-size: 14px;
    height: 50px;
    width: 110px;
    outline: 0;
    display: inline-block;
    vertical-align: top;
    font-weight: bold;
    text-transform: uppercase;
}
a.nav-action i {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    color: transparent;
    font-size: 1px;
}
a.nav-action .fa-search {
    background: url('../img/search.svg');
}
a.nav-action .fa-rss {
    background: url('../img/feed.svg');
}
a.mobTrigger {
    display: none;
    font-size: 20px;
}
.mobNavigation {
    display: none;
}
.menu-dropdown{
    display: none;
    background: var(--primary-bakground-color);
    width: 200px;
    z-index: 9999;
    position: absolute;
    box-shadow: 0px 2px 10px 1px #bababa;
    top: 60px;
    border-radius: 4px;
}
.app-dropdown span {
    text-transform: initial;
}
.app-dropdown-holder .menu-dropdown li a {
    height: auto;
    padding: 10px 15px;
    float: none;
    display: block;
    border-top: 1px solid #ebebeb;
}
.app-dropdown-holder.active .menu-dropdown{
    display: block;
}
.app-dropdown-holder i{
    transition: transform 500ms linear;
}
.app-dropdown-holder.active i{
    transform: rotate(180deg);
    transition: transform 500ms linear;
}
.app-nav .menu-dropdown ul{
    display: block;
}
.app-nav .menu-dropdown ul li{
    width: 100%;
}

/* -------------------------- TOP SUB NAVIGATION ---------------------------- */

.topSubnav {
    background-color: var(--secondary-background-color);
}
/*.topSubnav .sideBarNav {
    padding: 5px 0;
}*/
.topSubnav .sideBarNav nav {
    padding: 5px 0;
}
.topSubnav a {
    text-transform: uppercase;
    font-size: 12px;
    color: var(--primary-text-color);
    font-weight: 400;
    line-height: 100%;
    padding: 5px 3px 2.5px;
    margin-right: 8px;
    margin-top: 0;
    border-bottom: 2px solid transparent;
    display: block;
}
.topSubnav a:hover {
    color: #0071BC;
}
.topSubnav a.onPath {
    color: #0071BC;
    border-bottom: 2px solid #0071BC;
}
.dark-mode .topSubnav a:hover{
    color: #ff2631;
}
.dark-mode .topSubnav a.onPath{
    color: #c31d24;
    border-bottom: 2px solid #c31d24;
}

/* SOCIAL NETWORKS */

.app-links {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.app-social {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.networks {
    list-style-type: none;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 0;
    margin-left: -15px;
    margin-right: -15px;
}

.networks .network-item {
    margin: 0 15px;
}

.networks .network-item .network-link {
    font-size: 18px;
    color: var(--title-color);
}

.networks .network-item .network-link:hover,
.networks .network-item .network-link:focus {
    color: #202020;
}

/* ASIDE */

aside {

}

/* FORMS */

.app-input {
    height: 30px;
    border: 1px solid var(--secondary-background-color);
    padding: 5px 10px;
    background-color: var(--primary-bakground-color);
    color: var(--body-color);
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}

.app-input:focus {
    border-color: var(--body-color);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;

}

.app-input::placeholder {
    font-size: 14px;
    font-style: italic;
    font-weight: 400;
    color: #777;
}

/* FOOTER */

.footer {
    background-color: var(--footer-background);
}
.footer-download {
    background-color: var(--secondary-background-color);
    padding: 20px 0;
}
.dark-mode .footer-download{
    background-color: #5d5d5d;
}
.download-apps {
    text-align: right;
    line-height: 50px;
    color: var(--primary-text-color);
    font-size: 16px;
}
.download-apps .app-store {
    width: 152px;
    height: 50px;
    float: right;
    background: url('../img/app-store.svg');
}
.download-apps .google-play {
    width: 168px;
    height: 50px;
    margin: 0 20px;
    float: right;
    background: url('../img/google-play.svg');
}
.footer-wrap {
    line-height: 40px;
    color: var(--primary-text-color);
    font-size: 16px;
    padding: 30px 0;
    border-bottom: 1px solid #D4D4D4;
    margin-bottom: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.left-footer {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.left-footer .footer-logo {
    width: 85px;
    height: 30px;
    margin: 5px 20px 5px 0;
    background: url('../img/rts-logo-plavi.svg');
}
.dark-mode .left-footer .footer-logo {
    background: url('../img/rts-logo.svg') no-repeat;
}
.social-link {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 500px;
    padding: 10px;
    margin-left: 10px;
}
.footer-socials {
    display: flex;
    flex-direction: row-reverse;
}
.social-link.youtube {
    background-color: #CD201F;
}
.fai.fai-youtube {
    background-image: url('../img/youtube.svg');
}
.social-link.facebook {
    background-color: #3B5999;
}
.fai.fai-facebook {
    background-image: url('../img/facebook.svg');
}
.social-link.twitter {
    background-color: #55ACEE;
}
.fai.fai-twitter {
    background-image: url('../img/twitter.svg');
}
.fai {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}
#footerTop p {
    color: var(--title-color);
    margin: 0 0 20px;
    line-height: 100%;
    text-align: center;
}
#footerTop p strong a {
    text-transform: uppercase;
}
#footerTop p a {
    text-decoration: none;
    font-size: 14px;
    padding: 0 5px;
    font-weight: 400;
}
#footerTop p a:hover {
    color: #c62233;
}
#footerTop .siteMap {
    color: #fff;
    text-align: right;
    margin-bottom: 20px;
}
#footerTop .mapa-sajta {
    background: #8a112f;
    background: -moz-linear-gradient(left, #8a112f 0%, #ed0531 100%);
    background: -webkit-linear-gradient(left, #8a112f 0%,#ed0531 100%);
    background: linear-gradient(to right, #8a112f 0%,#ed0531 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#ed0531',GradientType=1 );
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    display: inline-block;
    padding: 10px 22px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 400;
}
#footerBottom {
    background: #DEDEDE;
    padding: 20px 0;
}
.dark-mode #footerBottom{
    background: #3f3f3f;
}
.footerBottomContent {
    display: flex;
    justify-content: space-between;
}
#footerBottom a {
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: 14px;
}

/* ------------------------------- STORY INDEX ------------------------------ */

.sectionTitle {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    position: relative;
    padding: 2.5px 10px;
}
.sectionTitle.withButton {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.sectionTitle.withButton .redButton {
    margin-right: 10px;
}
.sectionTitle.gray {
    border-left: 4px solid #eeeeee;
}
#storyBrowser .sectionTitle h1,
#postBrowser .sectionTitle h1 {
    margin: 0;
    color: var(--title-color);
    font-size: 30px;
    padding: 6px 0;
    text-transform: uppercase;
}
#storyBrowser .element,
#postBrowser .listPost {
    display: inline-block;
    padding: 20px 0 10px 0;
    padding-top: 20px;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}
#storyBrowser .element.first,
#postBrowser .listPost.first {
    padding-top: 10px;
}
.regularView {
    display: block;
}
.mobileView {
    display: none;
}
#storyBrowser .storyImage, #postBrowser .postImage {
    margin-right: 2%;
    float: left;
    width: 32%;
    background: var(--inputs-borders-bkgr);
}
#storyBrowser .storyImage a,
#postBrowser .postImage a {
    display: block;
    position: relative;
    width: 100%;
}
#storyBrowser .storyImage a:hover,
#postBrowser .postImage a:hover {
    opacity: 0.6;
}
.iconHolder {
    position: absolute;
    bottom: 0;
    left: 0;
}
.uptitleHolder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 3px;
    background: #8a112f;
    background: -moz-linear-gradient(left, #8a112f 0%, #e82c2c 100%);
    background: -webkit-linear-gradient(left, #8a112f 0%,#e82c2c 100%);
    background: linear-gradient(to right, #8a112f 0%,#e82c2c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a112f', endColorstr='#e82c2c',GradientType=1 );
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 35px;
    box-sizing: border-box;
    text-transform: uppercase;
    text-align: center;
}
.uptitleHolder.bigger {
    min-height: 42px;
    font-size: 22px;
    line-height: 26px;
}
.uptitleHolder.smaller {
    font-size: 14px;
    line-height: 16px;
    min-height: 28px;
}
#storyBrowser .info,
#postBrowser .info {
    float: left;
    width: 66%;
}
#storyBrowser .dateTime,
#postBrowser .dateTime {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}
#storyBrowser h3,
#postBrowser h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 10px;
}
#storyBrowser h3 a,
#postBrowser h3 a {
    color: var(--title-color);
}
#storyBrowser h3 a:hover,
#postBrowser h3 a:hover {
    color: #e82c2c;
}
#storyBrowser p.lead,
#postBrowser p.lead {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    color: var(--secondary-text-color);
}
#storyBrowser .comment a {
    color: #fff;
    display: block;
    background: #c31d24;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    width: 100px;
}
.pagination {
    justify-content: flex-end;
    align-items: center;
    margin: 20px 0 40px;
}
.pagination ul {
    padding: 0;
    margin: 0;
    display: table;
    list-style: none;
}
.pagination ul li {
    float: left;
    margin: 0 1px;
}
.pagination a,
.pagination ul li.more {
    text-align: center;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background: var(--inputs-borders-bkgr);
    display: block;
}
.pagination ul li.more {
    background: transparent;
}

/* ----------------------------- SINGLE STORY ------------------------------- */

#posalji {
    margin: 20px 0;
    background-color: #F9F9F9;
    padding: 40px;
    width: 100%;
    box-sizing: border-box;
}
#posalji form {
    width: 100%;
    max-width: 440px;
}
#posalji label {
    margin-bottom: 5px;
    font-weight: bold;
}
#posalji input {
    display: block;
    width: 99%;
    height: 35px;
    border: 1px solid #A6A6A8;
    padding: 0 10px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 15px;
    box-shadow: 0 0 0 5px #D4D4D5;
    line-height: 35px;
}
#posalji input:focus {
    outline: 2px solid #0074f9 !important;
    outline-offset: -4px;
}
#posalji input.dugme {
    background: #264675;
    width: 200px;
    height: 40px;
    line-height: 20px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    margin-bottom: 0;
    box-shadow: none;
    font-weight: bold;
    clear: both;
    margin-top: 10px;
}
#posalji input.dugme:hover {
    background: #1E365A;
    text-decoration: none;
}
h2.fs-16 {
    font-size: 16px;
}
.storyInfo {
    width: 100%;
    margin: 20px 0 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.storyInfoBlock {
    /*width: 70%;*/
    margin-right: 2%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.storyInfoBlock .storyDate{
    margin-right: 20px;
}
.storyInfoBlock p {
    margin: 0;
    color: var(--primary-text-color);
    font-size: 11px;
    text-transform: uppercase;
    line-height: 1.4;
}
.storyInfo p.storySource,
.storyInfo p.storyAuthor {
    padding: 0 20px;
    border-left: 1px solid #757C86;
}
p.storySource span,
p.storyAuthor span {
    display: block;
    margin-bottom: 5px;
}
p.storySource span:last-child,
p.storyAuthor span:last-child {
    margin-bottom: 0;
}
p.storySource span.red,
p.storyAuthor span.red {
    color: #E82C2C;
}
p.storyAuthor span.red a{
    text-decoration: underline;
    color:#E82C2C;
    transition: all 0.3s ease;
}
p.storyAuthor span.red a:hover{
    text-decoration: none;
    transition: all 0.3s ease;
}
.social-icons,
.service-icons {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.social-icons a,
.service-icons a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    font-size: 18px;
    text-align: center;
    margin-left: 10px;
    color: #fff;
    opacity: 1;
}
.shortStory .social-icons a,
.shortStory .service-icons a{
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 11px;
}
.social-icons a:hover,
.service-icons a:hover {
    opacity: 0.8;
}
.btn-social.facebook {
    background-color: #4263a3;
}
.btn-social.twitter {
    background-color: #60b6f0;
}
.btn-social.pinterest {
    background-color: #b52d1e;
}
.btn-social.google-plus {
    background-color: #e15441;
}
.btn-social.linkedin {
    background-color: #01588b;
}
.btn-service.print {
    background-color: #202020;
}
.dark-mode .btn-service.print {
    background-color: #fff;
}
.dark-mode .btn-service.print i {
    color: #000;
}
.btn-service.send {
    background-color: #bababa;
}
.addthis_toolbox {
    display: flex;
    justify-content: flex-end;
}
.editButtonEditor {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #E82C2C;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(232,44,44,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(232,44,44,0.5);
    box-shadow: 0px 0px 5px 0px rgba(232,44,44,0.5);
    position: fixed;
    right: 50px;
    bottom: 50px;
    z-index: 999;
    font-size: 16px;
}
.editButtonEditor:hover {
    color: #fff;
    background-color: #1e365a;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(30,54,90,0.5);
    -moz-box-shadow: 0px 0px 5px 0px rgba(30,54,90,0.5);
    box-shadow: 0px 0px 5px 0px rgba(30,54,90,0.5);
}
#container h1.storyMainTitle {
    color: var(--title-color);
    font-size: 30px;
    line-height: 120%;
    margin-top: 20px;
    margin-bottom: 20px;
}
#container p.storyMainLead {
    margin-bottom: 30px;
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}
.wallThumbHolder {
    margin-bottom: 30px;
    position: relative;
    display: block;
    width: 100%;
}
.wallThumbHolder img {
    width: 100%;
    display: block;
}
/* LEFT CONTENT */
#left {
    width: 34%;
    margin-right: 2%;
    float: left;
}
/* RIGHT CONTENT */
#text {
    float: right;
    width: 64%;
    font-size: 15px;
    max-width: 600px;
}
#story-text p {
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
}
#story-text code.CyrLatIgnore {
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    color: var(--primary-text-color);
    font-family: rts, Helvetica, sans-serif;
}
#story-text a {
    color: #e82c2c;
}
#story-text a:hover {
    color: var(--title-color);
}
.commentPage {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: var(--secondary-background-color);
    padding: 20px;
    border-radius: 4px;
    position: relative;
}
.commentTitle {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.commentTitle h4 {
    margin: 0;
    font-size: 18px;
    color: var(--primary-text-color);
    font-weight: 400;
    text-transform: uppercase;
}
.commentTitle a.button {
    background-color: #0067d0;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
}
.commentTitle a.button:hover {
    background-color: #1E365A;
}
.commentFormWrapper {
    margin-top: 20px;
}
#comment p,
.commentFormWrapper p {
    font-size: 12px;
    margin-top: 0px;
    font-weight: 400;
}
.commentPage form,
.commentFormWrapper form {
    width: 100%;
    max-width: 660px;
}
.holder label {
    color: var(--secondary-text-color);
    margin-bottom: 5px;
    font-size: 13px;
}
.holder input,
.holder textarea {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 0px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: var(--title-color);
}
.holder input:focus,
.holder textarea:focus {
    outline: #006fff solid 2px !important;
}
.holder textarea {
    min-height: 120px;
    margin-bottom: 30px;
}
.holderTwoElements {
    display: table;
    width: 100%;
}
.holderTwoElements .holderCaptcha {
    width: calc(100% - 220px);
    float: left;
}
.holderCaptcha .QapTcha  {
    background-color: #f0f0f0;
    width: 100%;
    float: none;
    border: none;
}
.holderCaptcha .QapTcha .Slider {
    width: 81px;
    height: 42px;
    background: transparent url('../img/captcha_auto.png') no-repeat;
    cursor: e-resize;
    position: relative;
    top: 0;
    z-index: 1;
    left: 0;
}
.holderCaptcha .QapTcha .dropError,
.holderCaptcha .QapTcha .dropSuccess {
    width: calc(100% - 110px);
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.holderCaptcha .QapTcha .dropError {
    color: #EE174C;
}
.holderCaptcha .QapTcha .dropSuccess {
    left: 20px;
}
.holderTwoElements .holderButton {
    width: 200px;
    float: right;
}
.holderTwoElements .holderButton button {
    background-color: #0067d0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0;
}
.holderTwoElements .holderButton button:hover {
    background-color: #1E365A;
}
.commentsBrowser {
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 0;
    font-size: 12px;
}
.commentsBrowserHead {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.commentsHeadLeft {
    /*    display: flex;
        justify-content: flex-start;*/
}
.commentHeadRight {
    text-align: right;
}
a.replyTo {
    text-decoration: none;
}
a.replyTo:hover {
    text-decoration: underline;
}
.commentsBrowserEntry h4 {
    margin: 15px 0 0;
    font-size: 12px;
    color: var(--primary-text-color);
}
.commentsBrowserEntry p {
    margin-bottom: 0;
}
#formAnchor {
    position: absolute;
    top: -100px;
}
.commentPage #viewMore {
    border-bottom: 1px solid #D8D8D8;
    padding: 20px 0;
    font-style: italic;
    font-size: 20px;
    text-align: left;
    text-decoration: none;
    transition: all 0.3s ease;
    cursor: pointer;
}
.commentPage #viewMore:hover {
    transition: all 0.3s ease;
    text-decoration: underline;
    color: #e82c2c;
}
.commentFormWrapper h3 {
    margin-top: 0;
}
#sendCommentFormAnchor {
    display: block;
}
.izdvojeno_list{
    display: flex;
    flex-direction: column;
}
.izdvojeno_list a{
    padding: 15px 10px;
    background-color: var(--inputs-borders-bkgr);
    color: #666;
    border-radius: 4px;
    margin-bottom: 5px;
    font-size: 16px;
}
.izdvojeno_list a.bold{
    font-weight: bold;
    color: var(--title-color);
}
.tagovi select{
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
    background: url('/assets/front/img/arrow-down.svg') no-repeat right 9px center;
    padding: 10px 20px 10px 10px;
    font-size: 18px;
    line-height: 18px;
    border-radius: 4px;
    border: 1px solid #000;
    color: var(--title-color);
}
.tagovi,
.izdvojeno{
    margin-bottom: 20px;
}
.tagovi h4{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    color: var(--primary-text-color);
}
.izdvojeno h4{
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 5px;
    color: var(--primary-text-color);
}


/* BOXES */

.box630,
.box280,
.box300,
.box620,
.box460,
.box940 {
    margin-bottom: 20px;
    position: relative;
}
.box-center {
    margin-left: auto;
    margin-right: auto;
}
.box-left {
    float: left;
    margin-right: 4%;
}
.box-right {
    float: right;
    margin-left: 4%;
}
.boxCaption {
    background: #000;
    font-size: 13px;
    color: #fff;
    padding: 6px 20px;
    width: 100%;
    box-sizing: border-box;
    display: block;
}
.imgWrapper,
.videoWrapper {
    width: 100%;
    display: block;
    position: relative;
}
.imgWrapper img {
    width: 100%;
    display: block;
    height: auto;
}
.imgSource,
.videoSource {
    position: absolute;
    bottom: 0;
    left: 100%;
    top: 0;
    color: #fff;
    /*    background: red;*/
    writing-mode: vertical-rl;
    text-align: left;
    padding: 20px 6px;
    font-size: 13px;
    -moz-transform: scale(-1, -1) translateX(100%);
    -webkit-transform: scale(-1, -1) translateX(100%);
    -o-transform: scale(-1, -1) translateX(100%);
    -ms-transform: scale(-1, -1) translateX(100%);
    transform: scale(-1, -1) translateX(100%);
    background-color: rgba(0,0,0,0.25);
}
.videoWrapper video {
    display: block;
}
.brid-poster-title {
    display: none;
}
/*.imgSource {
    font-size: 13px;
    color: #fff;
    padding: 6px 20px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    top: 0;
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}*/
.box300 .hide,
.box620 .hide,
.box630 .hide,
.box280 .hide,
.box460 .hide,
.box940 .hide {
    display: none;
}
.box-antrfile {
    background-color: var(--inputs-borders-bkgr);
    padding: 0 15px;
}
.box-antrfile h3.boxCaption,
.box-gloss h3 {
    margin: 0;
    padding: 10px 0;
    line-height: 1.1;
    color: var(--title-color);
    background-color: transparent;
    font-size: 20px;
}
.antrfile-body,
.gloss-body {
    color: var(--secondary-text-color);
    font-size: 15px;
    padding: 10px 0;
}
.embed-box .embed-responsive {
    width: 100%;
    height: auto;
}
.embed-box .embed-responsive iframe {
    width: 100%;
    /*    height: auto;*/
    display: block;
}
.embed-box.youtube .embedWrapper,
.boxBox.youtube .embedWrapper,
.embed-box.googleMaps .embedWrapper,
.boxBox.youtube .boxBody {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    padding-bottom: 0px;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.embed-box.youtube iframe,
.boxBox.youtube iframe,
.embed-box.googleMaps iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0 !important;
}
.embed-box.youtube .embed-responsive,
.short-story-thumb.youtube {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
}
.embed-box iframe {
    position: relative;
    top: auto;
    left: auto;
    height: revert-layer;
    bottom: auto;
    margin: 0 auto;
}
.embed-box iframe {
    margin:  20px  auto 10px !important;
}
.embed-box .twitter-tweet,
.embed-box .tiktok-embed {
    margin:  0  auto 10px !important;
}
.embed-box.youtube .embed-responsive iframe,
.short-story-thumb.youtube iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    margin: 0 !important;
}
.box-audio audio {
    width: 100%;
}
p.lastLink,
p.lastFile {
    margin-bottom: 0;
}
.box-multimedia {
    background: var(--secondary-background-color);
    padding: 15px;
}
.box-multimedia .multimediaStory {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.box-multimedia .iHolder {
    background: #D6D7D9;
    font-size: 22px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-right: 15px;
}
.boxRight,
.boxLeft {
    margin-bottom: 10px;
    width: 100%;
    clear: both;
}
.box-video .brid {
    width: 100% !important;
    height: auto !important;
}
.box-video .brid .brid-holder {
    padding-bottom: 57.1% !important;
}
.ttsWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.read-it-new {
    width: 70px;
    font-weight: 600;
}
.ttsWrapper .tts {
    width: calc(100% - 80px);
}
.ttsWrapper .tts audio {
    width: 100%;
    display: block;
}
#mediaListContainerDesktop {
    background-color: var(--inputs-borders-bkgr);
    margin: 20px 0;
    padding: 40px 45px;
}
.galleryHolder {
    margin-bottom: 40px;
}
.galleryHolder.last {
    margin-bottom: 0;
}
.mediaListTitle {
    font-size: 18px;
    color: #3C87C2;
    line-height: 150%;
    text-transform: uppercase;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 20px;
}
.galleryWrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;
    row-gap: 15px;
}
.fancybox-container {
    z-index: 999999 !important;
}
.galleryImgWrapper a.fancybox {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    display: block;
}
img.galleryImg {
    position: absolute;
    width: auto;
    height: auto;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
img.galleryImg.horisontal {
    height: 100%;
}
img.galleryImg.vertical {
    width: 100%;
}
.fancybox-container .fancybox-caption-wrap {
    padding: 0;
}
.fancybox-container .fancybox-caption {
    border-top: 0;
    padding-left: 20px;
}
.box-gloss {
    margin-bottom: 10px;
    background: var(--inputs-borders-bkgr);
    padding: 10px 15px;
}
/* TAG */

.tags {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
.tagList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.tagList a {
    margin: 0 10px 10px 0;
    background-color: var(--secondary-background-color);
    padding: 5px 10px;
    flex-shrink: 0;
    border-radius: 5px;
}
.tagList a:hover {
    background-color: #c31d24;
    color: #fff;
}
/* SHORT STORY */
.short-story-thumb img,
.short-story-thumb video {
    width: 100%;
    height: auto;
    /*   margin-bottom: 5px;*/
    display: block;
}
/*.short-story-thumb img {
    max-width: 300px;
}*/

/* STORY LEFT */

#left .related-news .nav-tabs a,
#left .related-news .nav-tabs a:hover,
#left .related-news .nav-tabs a:focus {
    color: var(--primary-text-color);
    font-size: 18px;
    padding-bottom: 10px;
    text-transform: uppercase;
    cursor: default;
}
#left .related-news .nav-tabs {
    border: none;
}
#left .related-news p.emptyList {
    margin: 10px 0;
}
.newsLine {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 10px;
}
.newsLine a.title {
    font-size: 14px;
    color: var(--primary-text-color);
    line-height: 140%;
    border-top: 1px solid #D8D8D8;
    padding-top: 10px;
    width: calc(100% - 90px);
}
.newsLine a.title:hover {
    color: #e82c2c;
}
a.img.smallThumb {
    position: relative;
    margin-left: 10px;
    width: 80px;
    display: block;
}
.largeThumb:hover,
.mediumThumb:hover,
.smallThumb:hover {
    opacity: 0.6;
}
.newsLine img {
    width: 100%;
    height: auto;
    display: block;
}
a.img.smallThumb i {
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #c31d24;
    width: 22px;
    height: 22px;
    color: #fff;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
}
.short-story-holder {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #E82C2C;
    position: relative;
}
.short-story-holder .shortAnchor{
    position: absolute;
    left: 0;
    top: -70px;
}
.short-story-date {
    font-size: 16px;
    font-weight: 400;
    color: var(--primary-text-color);
    display: inline-block;
    line-height: 16px;
    margin-bottom: 10px;
}
.short-story-title {
    display: block;
    margin: 0 0 10px 0;
    font-size: 16px;
    font-weight: 700;
    color: var(--title-color);
}
#story-text .short-story-body {
    display: block;
    margin: 0 0 10px 0;
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 400;
}
.shortStoryCaption {
    font-size: 13px;
    color: #fff;
    padding: 6px 20px;
    width: 100%;
    box-sizing: border-box;
    display: block;
    background: #000;
}
video {
    background-color: #000;
}
.titleShare {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.titleShare #sharer {
    width: 150px;
}
.shortStoryCaption .author,
.boxCaption .author {
    font-style: italic;
}
#sharer {
    clear: both;
    margin-bottom: 20px;
}
.short-story-thumb .brid {
    width: 100% !important;
    height: auto !important;
}

/* ---------------------- SHORT STORY MORE LESS ----------------------------- */

.short-story-body-thumb {
    position: relative
}
.short-story-body-thumb-wrapper {
    width: 100%;
    height: 72px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
}
.short-story-body-thumb.active .short-story-body-thumb-wrapper {
    height: auto;
    overflow: hidden;
    text-overflow: inherit;
    display: block;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
}
.readMoreWrapper {
    text-align: right;
    cursor: pointer;
    font-weight: 700;
    color: #e82c2c;
    transition: all 0.3s ease;
    margin: 0;
    position: absolute;
    right: 0;
    bottom: -26px;
    background-color: var(--primary-bakground-color);
    padding: 0 0 0 5px;
    text-transform: uppercase;
    font-size: 14px;
}
.readMoreWrapper:hover {
    color: var(--title-color);
    transition: all 0.3s ease;
}
.readMoreWrapper .moreText {
    display: block;
}
.readMoreWrapper .lessText {
    display: none;
}
.readMoreWrapper.active .moreText {
    display: none;
}
.readMoreWrapper.active .lessText {
    display: block;
}

/* --------------------------------- BANNERS -------------------------------- */

.brandingBannerLeft,
.brandingBannerRight {
    height: 1080px;
    text-align: right;
    top: 80px;
    width: 360px;
    position: absolute;
    top: 155px;
}
.brandingBannerLeft {
    left: 50%;
    margin-left: -1008px;
}
.brandingBannerRight {
    right: 50%;
    margin-right: -1008px;
}
.brandingBannerRight.fixed,
.brandingBannerLeft.fixed {
    top: 80px;
    position: fixed;
}
.banner-G {
    margin-bottom: 10px;
    width: 100%;
}
.banner-E{
    margin-bottom: 20px;
}

/* ------------------------------ HOME INNER PAGE --------------------------- */

.box {
    margin-bottom: 20px;
}
.sectionTitle.gray {
    border-left: 4px solid #eeeeee;
}
.sectionTitle h2 {
    line-height: 140%;
    margin: 0;
    color: var(--primary-text-color);
    font-size: 18px;
    font-weight: 400;
    text-transform: uppercase;
}
.childCategoryList.threeCategories {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
    margin-bottom: 20px;
}
.categoryStories h3 {
    margin: 10px 0 0;
}
.categoryStories h3 a {
    font-size: 18px;
    line-height: 120%;
    padding: 10px 15px 10px 0;
    font-weight: 400;
    display: table;
}
.categoryStories h3 a:hover {
    color: var(--title-color);
}
.categoryStories a.storyLink {
    display: block;
    font-size: 13px;
    line-height: 120%;
    border-bottom: 1px solid #eee;
    padding: 10px 15px;
    position: relative;
}
.categoryStories a.storyLink:before {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-left: 6px solid #9da3aa;
    border-bottom: 4px solid transparent;
    position: absolute;
    left: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.categoryStories a.storyLink i {
    margin-right: 3px;
    background-color: #c31d24;
    width: 22px;
    height: 18px;
    border-radius: 4px;
    text-align: center;
    line-height: 17px;
    color: #fff;
    font-size: 10px;
}

/* ------------------------------ HOME INNER PAGE SUBPAGE ------------------- */

.subNavContent {
    width: 100%;
    display: block;
    clear: both;
}
.subNavContent .navigationContent {
    padding-top: 15px;
}
.subNavContent ul.nav {
    padding: 5px 0;
    width: 100%;
    display: table;
    margin: 0;
    list-style: none;
}
.subNavContent ul.nav li {
    float: left;
}
.subNavContent ul.nav li a {
    color: var(--title-color);
    text-transform: uppercase;
    padding: 0 15px 0px 0;
    font-size: 11px;
    font-weight: normal;
    display: block;
}
.subNavContent ul.nav li a:hover,
.subNavContent ul.nav li a.active,
.subNavContent ul.nav li a.onPath {
    color: #e82c2c;
}


/* ------------------------------ HOME PAGE --------------------------------- */

.modal {
    text-align: center;
    padding: 0 !important;
    z-index: 999999;
}
body .modal.fade .modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    width: calc(100% - 20px);
    max-width: 600px;
    max-height: calc(100% - 20px);
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    top: 50%;
    overflow-y: auto;
    margin: 0 auto;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
}
.modal .modal-dialog .modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    border-radius: 0;
    padding: 0;
}
.modal .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}
.modal-header h3 {
    font-size: 24px;
    margin: 0;
}
.modal-header .close {
    margin: 0;
    opacity: 0.2;
    padding: 0;
}
.modal .modal-body {
    position: relative;
    padding: 15px;
}
.notification-title, .notification-link {
    margin: 0 auto;
    width: 100%;
}

/* ----------------------------------- TV ----------------------------------- */
.tvBrowser {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 50px;
}
#storyBrowser .tvBrowser .element {
    padding: 0;
    border: none;
}
#storyBrowser .tvBrowser .storyImage {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
}
#storyBrowser .tvBrowser .info {
    width: 100%;
    float: none;
}
/*#storyBrowser .tvBrowser .info h3 a {
    display: block;
}*/
#storyBrowser .tvBrowser .dateTime {
    font-size: 13px;
    padding: 0;
    margin-bottom: 10px;
    font-weight: 400;
    color: var(--primary-text-color);
    text-transform: none;
}
#storyBrowser .tvBrowser .dateTime .day {
    text-transform: capitalize;
}
#storyBrowser .tvBrowser h3 {
    padding: 0;
    margin: 0;
    line-height: 120%;
}
.boxLeft .series .info {
    padding: 20px 15px;
    background: var(--secondary-background-color);
}
.series img.thumbHome {
    margin: 0 0 5px 0;
    width: 100%;
}
.series .naslovSerijala {
    font-size: 18px;
    font-weight: bold;
    line-height: 120%;
}
.series p {
    line-height: 120%;
    margin-bottom: 0;
    margin-top: 5px;
}
.series .detaljnije {
    font-size: 13px;
    font-weight: bold;
}
.boxLeft a.podcast,
.boxRight a.podcast,
.all-episodes {
    font-size: 12px;
    text-transform: uppercase;
    background-color: #c31d24;
    width: 100%;
    padding: 8px;
    color: #fff;
    display: block;
    font-weight: bold;
    float: left;
    line-height: 110%;
    text-align: center;
    font-weight: 400;
}
.boxLeft a.podcast:hover,
.boxRight a.podcast:hover,
.all-episodes:hover {
    color: #fff;
    background-color: #1E365A;
}
.all-episodes {
    max-width: 100%;
    margin: 10px 0;
}
.boxLeft a.podcast {
    background: #c31d24;
    color: #fff;
}
.box-podcast {
    width: 100%;
    display: table;
}

.seriesLead {
    font-size: 14px;
    margin-bottom: 30px;
    color: var(--primary-text-color);
    font-weight: 400;
    font-size: 18px;
    line-height: 140%;
}
.seriesThumb {
    width: 100%;
    margin-bottom: 10px;
}
.seriesThumb img {
    width: 100%;
    height: auto;
    display: block;
}
a.all-episodes.seriesAll {
    float: none;
    clear: both;
}
h2.browswrTitle {
    margin-bottom: 40px;
    margin-top: 40px;
}

/* ----------------------------------- PAGE WITH CHILDREN ------------------- */

.childrenItemsList {
    padding: 10px 0 20px;
}
h3.childrenTitle {
    margin: 5px 0 7px;
    font-size: 18px;
    font-weight: 400;
}

/* ----------------------------------- SITE MAP ----------------------------- */

.siteMap ul {
    padding: 0;
    margin: 0 0 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    row-gap: 20px;
    list-style: none;
}
.siteMap .nav-link {
    padding: 15px;
    line-height: 20px;
}
.siteMap span {
    display: none;
}
.siteMap ul ul {
    display: block;
    margin: 0;
    padding-left: 40px;
    list-style: circle;
    margin: 0;
    position: relative;
    top: auto;
    left: auto;
    float: none;
    border: none;
    border-radius: 0;
    font-size: 13px;
    min-width: inherit;
}
.siteMap ul ul .nav-link {
    padding: 0;
    line-height: 1.4;
    color: var(--title-color);
    background-color: transparent;
    white-space: unset;
}
.siteMap ul ul .nav-link:hover {
    background-color: transparent;
    color: #e82c2c;
}

/* ---------------------------- EMISIJE PODCAST ----------------------------- */
.sectionBlock {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.sectionBlock .half {
    width: 50%;
    box-sizing: border-box;
    float: left;
    padding: 0 15px;
}
.sectionBlock a {
    display: block;
    padding: 5px 0;
    border-bottom: 1px solid #eee;
}
.sectionBlock a.last {
    border: none;
}
.app-main img {
    max-width: 100%;
}

/* ---------------------------- PROGRAMSKA SEMA ----------------------------- */
#programska-sema-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    column-gap: 10px;
    margin-bottom: 1px;
}
#programska-sema-tabs .legend a {
    width: 100%;
    text-align: center;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    text-transform: uppercase;
    display: block;
    border-radius: 4px;
    opacity: 1;
    line-height: 40px;
}
#programska-sema-tabs .legend a:hover {
    opacity: 0.7;
}
#programska-sema-tabs .ColorSport a,
#programska-sema .time.ColorSport {
    background-color: #F5AB35;
}
#programska-sema-tabs .ColorSerije a,
#programska-sema .time.ColorSerije {
    background-color: #03C9A9;
}
#programska-sema-tabs .ColorVesti a,
#programska-sema .time.ColorVesti {
    background-color: #4183D7;
}
#programska-sema-tabs .ColorFilmovi a,
#programska-sema .time.ColorFilmovi {
    background-color: #E74C3C;
}
#programska-sema-tabs .ColorOstalo a {
    background-color: #1E365A;
}
#programska-sema .programRow {
    display: table;
    width: 100%;
    border-bottom: 1px dashed #D8D8D8;
    margin-bottom: 1px;
}
#programska-sema .time,
#programska-sema .name,
#programska-sema .age {
    line-height: 40px;
    float: left;
}
#programska-sema .time {
    color: #9B9B9B;
    font-size: 14px;
    font-weight: 400;
    padding: 0 5px;
}
#programska-sema .time.ColorSport,
#programska-sema .time.ColorSerije,
#programska-sema .time.ColorVesti,
#programska-sema .time.ColorFilmovi {
    color: #fff;
}
#programska-sema .name {
    color: var(--primary-text-color);
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    max-width: calc(100% - 190px);
    height: 100%;
    line-height: 1;
    display: flex;
    align-items: center;
    min-height: 40px;
    position: relative;
}
#programska-sema .age {
    background: #eb3232;
    font-weight: 400;
    font-size: 20px;
    float: right;
    text-align: center;
    width: 60px;
    color: #fff;
    margin-left: 10px;
}

/* --------------------------- CALENDAR ------------------------------------- */
#calendarTable {
    width: 100%;
}
#calendarTable tr td {
    padding: 5px 0;
    text-align: center;
    background-color: #E6E6E6;
}
#calendarTable tr.navigacija td {
    font-weight: bold;
    background-color: #1E365A;
    color: #FFF;
    padding: 12px 5px;
}
#calendarTable tr.navigacija td a {
    color: #FFFFFF;
}
#calendarTable tr.navigacija td a:hover {
    text-decoration: none;
    opacity: 0.6
}
#calendarTable tr.dani td {
    background-color: #264675;
    color: #FFFFFF;
    padding: 6px 0;
}
#calendarTable tr td.day_current a {
    font-weight: bold;
}
#calendarTable tr td.day_selected {
    background-color: #9DA3AA;
}
#calendarTable tr td.day_selected a {
    color: #FFFFFF;
}
#calendarTable tr td.day_current a {
    font-weight: bold;
    color: #fff;
}

/* --------------------------- CLUETIP -------------------------------------- */
#cluetip-close img {
    border: 0;
}
#cluetip-title {
    overflow: hidden;
}
#cluetip-title #cluetip-close {
    float: right;
    position: relative;
}
#cluetip-waitimage {
    width: 43px;
    height: 11px;
    position: absolute;
    /*  background-image: url(images/wait.gif);*/
}
.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    height: 22px;
    width: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
}
#cluetip-extra {
    display: none;
}
.cluetip-default #cluetip-outer {
    position: relative;
    margin: 0;
    background-image: url('../img/clueTip.png');
    background-repeat: no-repeat;
    background-position: 0 0;
}
.cluetip-default h3#cluetip-title {
    margin: 0 0 5px;
    padding: 8px 10px 4px;
    font-size: 1.1em;
    font-weight: normal;
    background-color: var(--primary-bakground-color);
    color: #fff;
    display:none !important;
}
.cluetip-default #cluetip-title a {
    color: #d9d9c2;
    font-size: 0.95em;
}
.cluetip-default #cluetip-inner {
    padding: 10px 10px 10px 28px;
}
.cluetip-default div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}
.clue-right-default .cluetip-arrows {
    /*  background-image: url(images/darrowleft.gif);*/
}
.clue-left-default .cluetip-arrows {
    /*  background-image: url(images/darrowright.gif);*/
    left: 100%;
    margin-right: -11px;
}
.clue-top-default .cluetip-arrows {
    /*  background-image: url(images/darrowdown.gif);*/
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.clue-bottom-default .cluetip-arrows {
    /*  background-image: url(images/darrowup.gif);*/
    top: -11px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.cluetip-jtip {
    background-color: transparent;
}
.cluetip-jtip #cluetip-outer {
    border: 2px solid #ccc;
    position: relative;
    background-color: var(--primary-bakground-color);
}
.cluetip-jtip h3#cluetip-title {
    margin: 0 0 5px;
    padding: 2px 5px;
    font-size: 16px;
    font-weight: normal;
    background-color: #ccc;
    color: var(--secondary-text-color);
}
.cluetip-jtip #cluetip-inner {
    padding: 0 5px 5px;
    display: inline-block;
}
.cluetip-jtip div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900;
}
.clue-right-jtip .cluetip-arrows {
    /*  background-image: url(images/arrowleft.gif);*/
}
.clue-left-jtip .cluetip-arrows {
    /*  background-image: url(images/arrowright.gif);*/
    left: 100%;
    margin-right: -11px;
}
.clue-top-jtip .cluetip-arrows {
    /*  background-image: url(images/arrowdown.gif);*/
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.clue-bottom-jtip .cluetip-arrows {
    /*  background-image: url(images/arrowup.gif);*/
    top: -11px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.cluetip-rounded {
    /*  background: transparent url(images/bl.gif) no-repeat 0 100%;*/
    margin-top: 10px;
    margin-left: 12px;
}
.cluetip-rounded #cluetip-outer {
    /*  background: transparent url(images/tl.gif) no-repeat 0 0;*/
    margin-top: -12px;
}

.cluetip-rounded #cluetip-title {
    background-color: transparent;
    padding: 12px 12px 0;
    margin: 0 -12px 0 0;
    position: relative;
}
.cluetip-rounded #cluetip-extra {
    position: absolute;
    display: block;
    /*  background: transparent url(images/tr.gif) no-repeat 100% 0;*/
    top: 0;
    right: 0;
    width: 12px;
    height: 30px;
    margin: -12px -12px 0 0;
}
.cluetip-rounded #cluetip-inner {
    /*  background: url(images/br.gif) no-repeat 100% 100%;*/
    padding: 5px 12px 12px;
    margin: -18px -12px 0 0;
    position: relative;
}
.cluetip-rounded div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #009;
    background: transparent;
}
.cluetip-rounded div#cluetip-close a {
    color: #777;
}
.clue-right-rounded .cluetip-arrows {
    /*  background-image: url(images/rarrowleft.gif);*/
}
.clue-left-rounded .cluetip-arrows {
    /*  background-image: url(images/rarrowright.gif);*/
    left: 100%;
    margin-left: 12px;
}
.clue-top-rounded .cluetip-arrows {
    /*  background-image: url(images/rarrowdown.gif);*/
    top: 100%;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.clue-bottom-rounded .cluetip-arrows {
    /*  background-image: url(images/rarrowup.gif);*/
    top: -23px;
    left: 50%;
    margin-left: -11px;
    height: 11px;
    width: 22px;
}
.cluetip-rounded #cluetip-title,
.cluetip-rounded #cluetip-inner {
    zoom: 1;
}
.toolTipDictionary {
    color:var(--secondary-text-color);
    width:250px;
    border: 0px;
    padding: 30px;
    background-color: var(--primary-bakground-color);
}
.toolTipDictionary img {
    margin-right: 10px;
}
.toolTipDictionary p {
    margin: 0px;
}
.toolTipDictionary h2{
    color:#0065A8;
    margin: 0px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: normal;
}
a.recnik{
    color:#0065A8;
    text-decoration:underline;
    font-weight:bold
}

input[type="chekbox"]{
    display: block !important;
}

body {
    visibility: hidden;
}
.programRow .no-click {
    pointer-events: none;
}
#cluetip-inner {
    background: var(--primary-bakground-color);
    padding: 20px;
    -webkit-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 9px 0px rgba(0,0,0,0.15);
}
#cluetip-inner img {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
    width: 80px;
    height: 80px;
    background-size: contain;
}
#cluetip-inner.fullwidth-image img {
    width: 100%;
    height: auto;
}
#cluetip-inner h2 {
    width: 60%;
}
#cluetip.ps-cluetip h2 {
    width: 100%;
    clear: both;
}
#cluetip-inner p {
    display: block;
    clear: both;
    margin: 0;
}
.ps-cluetip .toolTipDictionary {
    width: 100%;
    padding: 0;
}
.ps-cluetip .toolTipDictionary h2 {
    font-size: 30px;
    margin: 20px 0 10px;
    color: var(--title-color);
}
.ps-cluetip {
    display: none;
    width: 348px;
    position: absolute;
}
.programRow .name a {
    position: relative;
}
.programRow .name:hover .ps-cluetip {
    display: block;
    left: calc(100% + 20px);
    top: 0;
}

.broadcast-right {
    float: right;
    display: flex;
    align-items: center;
    min-height: 40px;
}

.forbidenTooltip {
    position: relative;
    display: block;
    float: left;
}

.forbidenTooltip .forbidenToolTiptext {
    visibility: hidden;
    background-color: rgba(0,0,0,0.8);
    color: #fff;
    border-radius: 4px;
    text-align: center;
    padding: 5px 10px;
    position: absolute;
    z-index: 1;
    white-space: nowrap;
    right: calc(100% - 24px);
    bottom: calc(100% + 10px);
}

.forbidenTooltip .forbidenToolTiptext::after {
    position: absolute;
    content: "";
    display: block;
    right: 10px;
    bottom: -5px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid rgba(0,0,0,0.8);
}

.forbidenTooltip:hover .forbidenToolTiptext {
    visibility: visible;
}
.forbidenToolTiptext span {
    text-transform: uppercase;
}
.forbidenTooltip img {
    width: 24px;
    height: 22px;
    display: block;
}

.forbidenTooltip.ml-10 {
    margin-left: 10px;
}
/* ---------------------------------- SEARCH TAG ---------------------------- */

.browser.searchTag {
    border-top: 1px solid var(--footer-background);
    padding-top: 20px;
}
.searchEmpty span.tag-name {
    font-weight: bold;
}
.browser .highlight {
    color: #e82c2c;
}
.browser.search .element {
    padding: 6px 0;
    width: 100%;
    display: table;
    /*    margin-bottom: 10px;*/
}
.browser.search h2 {
    margin: 0;
    font-size: 16px;
}
.browser.search h2 a {
    color: #0000CC;
}
.browser.search .element {
    display: inline-block;
    padding: 20px 0 10px 0;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}
.browser.search .storyImage {
    margin-right: 2%;
    float: left;
    width: 32%;
    background: var(--inputs-borders-bkgr);
}
.browser.search .info {
    float: left;
    width: 66%;
}
.browser.search .dateTime {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}
.browser.search h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 10px;
}
.browser.search h3 a {
    color: var(--title-color);
}
.browser.search p.lead {
    font-size: 14px;
    margin-bottom: 20px;
    font-weight: 400;
    color: var(--secondary-text-color);
}
.browser.search .comment a {
    color: #fff;
    display: block;
    background: #c31d24;
    padding: 5px 20px;
    font-size: 12px;
    font-weight: 400;
    width: 100px;
}

/* ------------------------------- POVEZANI CLANCI -------------------------- */
.tagRelated {
    margin-bottom: 40px;
}
.tagRelated .topStoriesHorizontal {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
}
.relatedStories .date {
    color: #757C86;
    font-size: 10px;
}
.relatedStories h5 {
    margin: 5px 0 0;
}

/* ---------------------------------- ZAKRPA -------------------------------- */

#text #text {
    float: none;
    clear: both;
    width: 100%;
}

/* ---------------------------------- EUROSONG ------------------------------ */
.eurovision-form{
    display: block;
    width: 100%;
    position: relative;
}
.eurovision-form .form-group input{
    width: 100%;
    height: 40px;
    padding: 8px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
}


.eurovision-form .form-group textarea{
    width: 100%;
    height: 160px;
    padding: 8px 10px;
    border-radius: 4px !important;
    border: 1px solid #ccc;
}

.eurovision-form .form-group label{
    font-weight: normal;
    font-size: 16px;
    /*display: inline-block;*/
    max-width: 100%;
    margin-bottom: 5px;

}

.eurovision-form pre{
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 1.42857143;
    color: var(--secondary-text-color);
    word-break: break-all;
    word-wrap: break-word;
    background-color: var(--secondary-background-color);
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 100%;
}
.eurovision-form h2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bold;
}
.eurovision-form h3 {
    font-size: 18px;
    font-weight: bold;
}
.eurovision-form button.submit {
    margin-bottom: 25px;
    display: block;
    text-align: center;
    background: #d02733;
    color: #fff;
    padding: 10px 25px;
    border: none;
    border-radius: 4px;
}

/* ---------------------------------- PRETRAGA ------------------------------ */
.searchEmpty .highlight,
.searchEmpty .highlightCount {
    color: #E82C2C;
    font-weight: bold;
}
.searchList .storyNav {
    display: inline-block;
    padding: 20px 0 10px 0;
    padding-top: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}
.searchList .storyImgContainer {
    margin-right: 2%;
    float: left;
    width: 32%;
    background: var(--inputs-borders-bkgr);
}
.searchList .storyImgContainer a {
    display: block;
    position: relative;
    width: 100%;
}
.searchList .storyImgContainer a img {
    display: block;
    width: 100%;
    height: auto;
}
.searchList .searchWrapperInfo {
    float: left;
    width: 66%;
}
.searchWrapperInfo .date {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}
.searchWrapperInfo h2 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: 700;
    margin-top: 10px;
}
.searchWrapperInfo .bodyFragment {
    font-size: 14px;
}
.searchWrapperInfo .highlight {
    color: #E82C2C;
}
.searchList .pagination li.active {
    padding: 0 10px;
    line-height: 30px;
}

/* ---------------------------------- AUTORI -------------------------------- */
.header-intro.authorIntro {
    margin: 8.5px 0 20px;
    width: 100%;
    display: table;
    box-sizing: border-box;
    background-color: rgba(233,233,233,0.3);
    padding: 50px 50px 30px 50px;
}
.authorIntro .imgHolder {
    margin-right: 18.8px;
    margin-bottom: 20px;
    float: left;
    width: 250px;
    box-sizing: border-box;
    /*    background: #EEEEEE;*/
}
.authorIntro .imgHolder img {
    width: 100%;
    height: auto;
    display: block;
}
#container h1.authorTitle {
    margin: 0 0 20px;
    font-size: 30px;
    font-weight: 600;
    color: var(--body-color);
}
.authorIntro .authorName {
    flex-grow: 0;
}
.authorNews {
    margin-top: 20px;
    border-top: 1px solid #D8D8D8;
    clear: both;
}
.authorIntro .contentBody p {
    font-size: 13px;
}
.image-round{
    clip-path: circle(10px at center);
}

/* ---------------------------------- EMISIJE ------------------------------ */

#text video.multi,
#text audio.multi {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
}
#left .series img.thumbHome {
    max-width: 80px;
    margin: 0 10px 5px 0;
    float: left;
    height: auto;
}
.buttonPaginationWrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.buttonPaginationWrapper a.redButton {
    margin-top: 0;
}
.buttonPaginationWrapper {
    margin: 20px 0 40px;
}
.buttonPaginationWrapper .pagination {
    margin: 0;
}

/* ------------------------------ JAVNE NABAVKE ---------------------------- */

#javneNabavke-lista {
    margin-bottom: 50px;
}
#javneNabavke-lista .element {
    display: inline-block;
    padding: 20px 0 10px 0;
    padding-top: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #D8D8D8;
    width: 100%;
}
#javneNabavke-lista .dateTime {
    color: #757C86;
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 20px;
}
#javneNabavke-lista h3 {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    margin-top: 10px;
    color: var(--title-color);
    line-height: 120%;
}
#javneNabavke-lista h3 a {
    color: var(--title-color);
    font-weight: 700;
}
#javneNabavke-lista h3 a:hover {
    color: #e82c2c;
}
.openingDate {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    color: #e82c2c;
    font-weight: bold;
}
.openingDate span.oDate {
    margin-left: 10px;
}
#javneNabavke-lista .lead {
    font-size: 20px;
    color: #757c86;
}
.javneNabavkeInfo {
    width: 100%;
    padding: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    display: inline-block;
}
javneNabavkeInfoBlock {
    display: table;
    float: left;
    width: 61.8%;
    margin-right: 2%;
    line-height: 30px;
}
.javneNabavkeInfo p.javneNabavkeDate {
    color: var(--primary-text-color);
    font-size: 11px;
    text-transform: uppercase;
    padding-right: 20px;
    line-height: 140%;
    padding: 0;
    display: inline-block;
    margin: 0;
    vertical-align: bottom;
}
container .javneNabavkeSadrzaj p.storyMainLead,
.javneNabavkeSadrzaj .openingDate {
    margin-bottom: 15px;
}
.openingDate {
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    color: #e82c2c;
    font-weight: bold;
}
a.nabavkeFile {
    color: #e82c2c !important;
    font-weight: 400;
    font-size: 17px;
    line-height: 140%;
    margin-bottom: 10px;
}
.javneNabavkeFormaSadrzaj {
    margin: 20px 0;
    background-color: var(--secondary-background-color);
    padding: 20px;
    border-radius: 4px;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    max-width: 660px;
}
.javneNabavkeFormaSadrzaj h3 {
    margin-bottom: 30px;
}
form.javneNabavkeForma {
    width: 100%;
    max-width: 660px;
}
form.javneNabavkeForma label {
    font-weight: normal;
    color: var(--secondary-text-color);
    clear: left;
}
form.javneNabavkeForma label {
    clear: left;
    display: block;
}
form.javneNabavkeForma input, form.javneNabavkeForma textarea {
    display: block;
    width: 100%;
    height: 45px;
    border: 1px solid #D8D8D8;
    padding: 10px;
    margin: 0 auto;
    margin-bottom: 0px;
    margin-bottom: 0px;
    border-radius: 4px;
    margin-bottom: 15px;
    color: var(--title-color);
}
form.javneNabavkeForma button {
    background: #c31d24;
    width: 200px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    float: right;
    cursor: pointer;
    border: 0;
    outline: 0;
    border-radius: 0;
}
#story-text .service-icons a{
    color: #fff;
}
.predhodneEmisijeDole {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
a.seeLink {
    font-size: 14px;
    font-weight: bold;
    text-transform: capitalize;
}
.najaveEmitovano{
    display: block;
    margin-bottom: 20px;
    border-bottom: 1px solid #c31d24;
    padding: 10px 0;
    padding-left: 10px;
}
.najaveEmitovano .tabBtn{
    padding: 10px 20px;
    text-transform: uppercase;
}
.najaveEmitovano .tabBtn.active{
    border-radius: 4px;
    border-top: 1px solid #c31d24;
    border-left: 1px solid #c31d24;
    border-right: 1px solid #c31d24;
    border-bottom: 3px solid #fff;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    color: #c31d24;
    cursor: default;
    transition: all 0.3s ease-out;
}
.dark-mode .najaveEmitovano .tabBtn.active{
    border-bottom-color: #212121;
    transition: border-bottom-color 0.3s ease-in-out;
}
#212121

/* ------------------------------ EUROSONG PRIJAVE -------------------------- */
.eurovision-contest pre {
    padding: 0;
    color: var(--title-color);
    border: none;
}
.eurovision-contest textarea {
    color: var(--title-color);
}

/* ------------------------------ PROGRAMSKA SEMA MODAL --------------------- */
.toolTipDictionaryClose {
    margin-bottom: 10px;
    text-align: right;
    display: none;
}
.closeWrapper {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    cursor: pointer;
}
.closeWrapper:hover {
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    color: #e82c2c;
}
.broadcastLink-no-click {
    display: none;
}
.broadcastLink-mobile-wrapper {
    text-align: center;
    margin-top: 5px;
    display: none;
}
.broadcastLink-mobile-wrapper a {
    color: #e82c2c;
}
.broadcastLink-mobile-wrapper a:hover {
    color: var(--title-color);
}
.fieldWrapper.hidden{
    display: none;
}
#submitSuccess{
    color: #008000;
    text-transform: uppercase;
    border: 1px solid #008000;
    line-height: 1;
    padding: 10px;
}
#submitSuccess h3,
#unexpectedError h3{
    margin: 0;
}
#unexpectedError{
    color: #e82c2c;
    text-transform: uppercase;
    border: 1px solid #e82c2c;
    line-height: 1;
    padding: 10px;
}
#loader{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    bottom: 0;
    z-index: 99;
    display: none;
}
.loader{
    border: 5px solid #dcdcdc;
    border-top: 5px solid #e82c2c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.tableWrapper{
    width: 100%;
    overflow-x: scroll;
}
.indexspisakDevizaTable.table td, .indexspisakDevizaTable.table th{
    padding: .75rem 8px;
}
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/** DARK MODE BTN **/

label.darkModeBtn{
    width: 50px;
    height: 20px;
    position: relative;
    display: block;
    background: #ebebeb;
    border-radius: 20px;
    box-shadow: inset 0px 5px 15px rgba(0,0,0,0.4), inset 0 -5px 15px rgba(255,255,255,0.4);
    cursor: pointer;
    z-index: 999;
    transition: 0.3s;
    margin-bottom: 0;
    margin-left: 10px;
}
label.darkModeBtn:after{
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg,#ffcc89,#d8860b);
    border-radius: 18px;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.2);
    transition: 0.3s;
}
input#darkModeToggle{
    width: 0;
    height: 0;
    visibility: hidden;
}
input#darkModeToggle:checked + label{
    background: #242424;
}
input#darkModeToggle:checked + label:after{
    left: 49px;
    transform: translateX(-100%);
    background: linear-gradient(180deg, #777, #3a3a3a);
}
label.darkModeBtn:active:after{
    width: 26px;
}
label.darkModeBtn i{
    position: absolute;
    top: 4px;
    z-index: 100;
}
label.darkModeBtn i.fa-sun{
    left: 3px;
    color: #fff;
    transition: 0.3s;
    font-size: 12px;

}
label.darkModeBtn i.fa-moon{
    left: 34px;
    color: #7e7e7e;
    transition: 0.3s;
    font-size: 11px;

}
input#darkModeToggle:checked + label i.fa-sun{
    color: #7e7e7e;
}
input#darkModeToggle:checked + label i.fa-moon{
    color: #fff;
}
.dark-mode .dropdown-menu{
    background-color: var(--primary-bakground-color);
}
.siteMap ul ul{
    color: #fff;
}
.dark-mode table.MsoNormalTable{
    background: #fff;
}
.dark-mode .eurovision-form .form-group input[type="text"]{
    color: #000;
}

/*------------------------------------------------------------SHORTS GALLERY---------------------*/

.fancybox-short {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 75%;
    position: relative;
    display: block;
}
.fancybox-short img {
    height: 100%;
    position: absolute;
    width: auto;
    top: 50%;
    left: 50%;
    transform: translate( -50%, -50%);
}
.galleryWrapper-short {
    display: grid;
    grid-template-columns: repeat( 5, 1fr);
    gap: 10px;
    margin-bottom: 10px;
    margin-top: 20px;
}