form {
    margin-bottom: 0;
}

.content {
    /* padding: 20px; */
    width: 795px;  /* širina iframe na http://www.bhrt.ba/bht1/pregled-programa/ */
    width: 100%;
}

.content .column-left, 
.content .column-right {
    float: left;
}
.content .column-left {
    width: 25%;
    margin-right: 12px;
}
.content .column-right {
	width: calc(75% - 12px);  /* 12px - margina na .column-left */
}

.tabs-days {
    border-right: none;
    padding-top: 0;
}
.tabs-days > li {
    margin-right: 0;
}
.tabs-days > li:not(:last-child) {
    margin-bottom: 1px;
}
.tabs-days > li:last-child {
    margin-bottom: 0;
}
.tabs-days > li > a {
    background-color: #8C8C8C;
    color: white;
    border: 0;
    border-radius: 0;
    padding: 10px 25px 10px 15px;
}
.tabs-days > li > a:focus,
.tabs-days > li > a:hover,
.tabs-days > li.active > a, 
.tabs-days > li.active > a:focus,
.tabs-days > li.active > a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22bdf9+0,03709a+100 */
    background: #22bdf9; /* Old browsers */
    background: -moz-linear-gradient(top, #22bdf9 0%, #03709a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #22bdf9 0%,#03709a 100%); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #22bdf9 0%,#03709a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bdf9', endColorstr='#03709a',GradientType=0 ); /* IE6-9 */
    color: white;
    border: 0;
}

.tabs-days > li.active > a {
    position: relative;
}
.tabs-days > li.active > a::after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid white;
    position: absolute;
    right: 0;
    top: 0;
}

.day-item {
    
}
.day-item:not(:last-child) {
    margin-bottom: 1px;
}
.day-item .row-title {
    display: flex;
    cursor: pointer;
}
.row-title .time, 
.row-title .bar,
.row-title .title {
    float: left;
    line-height: 1.42857143;
    background-color: #8C8C8C;
    color: white;
}
.row-title[aria-expanded="true"] .bar,
.row-title[aria-expanded="true"] .title {
	background: rgba(228,195,19,1);
	background: -moz-linear-gradient(top, rgba(228,195,19,1) 0%, rgba(250,238,54,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(228,195,19,1)), color-stop(100%, rgba(250,238,54,1)));
	background: -webkit-linear-gradient(top, rgba(228,195,19,1) 0%, rgba(250,238,54,1) 100%);
	background: -o-linear-gradient(top, rgba(228,195,19,1) 0%, rgba(250,238,54,1) 100%);
	background: -ms-linear-gradient(top, rgba(228,195,19,1) 0%, rgba(250,238,54,1) 100%);
	background: linear-gradient(to bottom, rgba(228,195,19,1) 0%, rgba(250,238,54,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4c313', endColorstr='#faee36', GradientType=0 );
}
.row-title .time {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#22bdf9+0,03709a+100 */
    background: #22bdf9; /* Old browsers */
    background: -moz-linear-gradient(top, #22bdf9 0%, #03709a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #22bdf9 0%,#03709a 100%); /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to bottom, #22bdf9 0%,#03709a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#22bdf9', endColorstr='#03709a',GradientType=0 ); /* IE6-9 */
    padding: 10px 25px 10px 15px;
    min-width: 75.05px;
}
.row-title .bar {
    border-right-width: 3px;
    border-right-style: solid;
    border-right-color: #e8e8e8;
    padding-left: 10px;
}
    .row-title .bar.bez-redakcije {
        
    }
    .row-title .bar.redakcija-1 {
        border-right-color: #ffd803;
    }
    .row-title .bar.redakcija-2 {
        border-right-color: #00d000;
    }
    .row-title .bar.redakcija-3 {

    }
    .row-title .bar.redakcija-4 {

    }
    .row-title .bar.redakcija-5 {
        border-right-color: #009af3;
    }
    .row-title .bar.redakcija-6 {
        border-right-color: #fb0009;
    }
    .row-title .bar.redakcija-7 {

    }
    .row-title .bar.redakcija-8 {

    }
    .row-title .bar.redakcija-9 {

    }
        .row-title.row-title-radio .bar.redakcija-1 {

        }
        .row-title.row-title-radio .bar.redakcija-2 {
        
        }
        .row-title.row-title-radio .bar.redakcija-3 {
        
        }
        .row-title.row-title-radio .bar.redakcija-4 {
        
        }
        .row-title.row-title-radio .bar.redakcija-5 {
        
        }
        .row-title.row-title-radio .bar.redakcija-6 {
        
        }
        .row-title.row-title-radio .bar.redakcija-7 {
        
        }
        .row-title.row-title-radio .bar.redakcija-8 {
        
        }
        .row-title.row-title-radio .bar.redakcija-9 {
        
        }
.row-title .title {
    padding: 10px 15px 10px 15px;
    width: 100%;
    position: relative;
}
    .row-title .title img.video-link {
        position: absolute;
        margin: auto;
        top: 0;
        bottom: 0;
        right: 10px;
        /* Resize the image proportionally: */
        height: 32px;
        width: auto;
    }
.row-title .video {
    width: 43px;
    padding: 20px;
    background-size: cover;
    background-position: center center;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAE/UlEQVR4Xu2bW2gcZRTH/+dMNtmYpqaiEcQ2Sc22fZnMRnwJvqTqiyIKQuKjeHnRIFQLvohXfDCJPhgqPlSI+KYVHwoiiBdaxReJ3SQUCkmzm16ghTa33SbdJHuOfJNuzGVt3GVndra7AyFLkjnf+f/mf+b75psTQoUfVOH6UQVQdUCFE6iWQIUboHoTvG0JxFtbw2hqOsQie4XoXgLuAXC3Eu0m1UYV2QXmegANpFoPonBGpI4tq45VaxUIiWqIVUMChJjZEhEGMzPAG90ngMD8kjkjIhkGVoRolYlWaO3zsmQyaYs5rcCS+SKiG6S6KMANSzUpRAsEzCvRDKteyzBfzCST5yKTk+n/cnpOAAnHOSwiR5n5CQB1ZV4mBthPYP607cyZU1u1bAIw0d5eF2po+ALAi2UuOnf6qsevhUJ9j4yMrGT/YB2AdnfXTM/NnYTqk3ek+FuilOhkayTyHJ04kTE/WgcQj0bfJ9X37mTx69qI3mqNxQbXAUzb9h5zw2CgoSIAiMzdJbK3+ezZlOuAacd5XYGhihCfLQXgpbbR0WEXQMK2fwNzdyUBEJEf9o+PP00Xu7rqM6nUPJhDlQQAQKrlwIEmmo5GH1XVPypMvCtXMhmHEh0dr4DoeCUCIOB5mnacdxX4oBIBKPCmccDnIHrNKwDNQ0OYGRjA6qVLXg1RcFwF+inhON8C6Ck4yg4ntsRi0HQaC8PDmB8edj8H5SDgK4o7zi8EPOZVUgZA9jAumBkcxNKpbc8kXg1/27hmWWwc8DeATq8y2AggO8bS6dOBKAsFfqcpxznPwH4/AZixAlEWRGPGAVcBNPsNIAhlIUDcAEgC2FUqACUui6s0ZdsrzFxTagAlKQuReeMA9Uq8iZvrJrjTeH7NFmYvMZAAfCyLm4EG4ENZpAMPwOPZoswADAzALKKKeAQfgFkwmWcI8yzhwXNEsAG4S+b+fqxevlzEi74pVDBvgu40WHy7b4O4Ng3a9rKX+4H5rAM8tvt2F91aCC0AaPTKY/8XgA92zyXxipkGrwC4v1QA/LJ7Ln0CTFE8Gp0k1Yf8BuC73XMLHKXzjjNiAQ/7CaBEdt8mMbsh8jMDj/sBoJR2z6XP3RKL2/Y3xNzrJYCA2D2XxGGzJXaMgT6vALjb4t4uZgpOnYCPzSzwDoAPC45Sxicq0RvmxcjLIPqyjHUUnDoR9VKis7MLIn8WHKWMT2RVe+31+OLiHIDaMtaSf+oiCy3j43vWGiQ6On4F0eH8o5TvGWYKbIvFnl0DEI32QfVY+crJP3NSfaFlbOxrF0A8Gm0i1QtePhTln6J3Z4jq9XAotO+BkZHF9Ta5RDT6NlQ/8m7Y4EQm1SMtY2OfmYz+bZTs6bESExPfk+ozwUnVg0yIvmuJxXoJcN+HbGqVdbtFZ2f7BTiytZnZg1R8DSmAEtFQayRyNNslug1ANqO4bR8C86sEPAWg3ddMiz9YUkV+tCzrk32x2F9bw+/4HyPnDh5sDIfD7WbPQID7ADQx0W5de6FqOkvrs63yqhoGkekurzNt8xZzLUyrvGmZZ65xW+aBGhGpcVvnAfNOkja1yTNnILIK1VVYlvm+rCJpmHZ55jQDN02rPJuWeZFFYk4pkCLVJDEviOo8A7NQvc7MFx6MRKY2XvG8ART/ggQr4o4OCFa6xc+mCqD4TMsrYtUB5XW9ip9t1QHFZ1peEf8BQLiRGHbvOw4AAAAASUVORK5CYII=');
}

.day-item.current .time {
    position: relative;
}
.day-item.current .time::after {
    content: "";
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 10px solid white;
    position: absolute;
    right: 0;
    top: 0;
}

.row-details {
    background-color: #777;
    color: white;
    padding: 10px;
    padding-bottom: 0;
}
    .row-details.row-details-radio {
        padding-bottom: 10px;
    }

.row-details .details-picture {
	float: left;
	width: 160px;
    height: 120px;
    margin-right: 10px;
    margin-bottom: 10px;
    /* border: 1px solid green; */
	background-size: cover;
	background-position: center center;
	/* Default picture: */
	background-image: url('data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAUDBAQEAwUEBAQFBQUGBwwIBwcHBw8LCwkMEQ8SEhEPERETFhwXExQaFRERGCEYGh0dHx8fExciJCIeJBweHx7/wAALCABbAH0BAREA/8QAHAABAAIDAQEBAAAAAAAAAAAAAAUGAgMEBwgB/8QAPxAAAQQBAQUDBwkGBwAAAAAAAQACAwQFEQYSITFRIkFhFBUycYGhwQcTIzORsbLR4RYkQlSTojQ2UmJyc+L/2gAIAQEAAD8A+y0REREREREREREREWh9yow6PtQNPQyALOKeGX6qWOT/AIuBWxEREREREUNnM7FRd5PA0T2eW6OTfX4+CjmYvNZX6TIWjBGeUf8A5HAe1dUeyePDe3NYceoIHwWufZSEdqrbljeOW8AfeNCtHlmawjwLrfKq2um/rr9juY9RVix12vfriau/eHIg82noQulEREREUTtNkzj6YbEf3iXUM/2jvcq8KeQwzq+UfG2TXjIHcS0nuJ6nr1Vuxt2C/VbPA7UHgQebT0K6UWMjGSMcyRoc1w0II1BCql6CXZ3JsuVd51SU6OZr/b8QVaoJWTwsmidvMe0OaeoKzRERERVaNvnTbB5f2oavId3Z4D+46+xS21OSixGz9vIz1zZjhYN6IEDeBIGnH1qn4rIQSVfO+He6SlL9HYgc7tRE82O09zlEZLZ22BJkq+2clLFucAzyqzKXxuP8Djrp6j3qKn/abZS/RzEmSkyeP+cG7NFbdJDKO9h1PAka6a9/qV7x23U1qXGGTZ27Xq5GcQwWHyNLSSefDj+enBWvKVG3aE1ZwHbb2T0PcftURsTZc+jLVf6UD+A6A932gqwIiIiIqxsUN61kJHekXD3lxX78qX+Qsr/1t/G1eYfJNI9u1vzQe4xPrSmSHXhMA3g0jv6q3ULdS1jzksc0WMdYHzdqrLxMZPON4+5y5cZs+akeXqVpHWNnr9KWQB541pmaEB3j0PfoOiqGyGVyNnObPY6e3JJUr3Y3RQnTdYSft7zz5L6AVY2ZG5tFk42+jq78f6qzoiIiIqvs8fI9pb1J3ASElvjodR7isvlSIGwOV1On0bfxtXhuFyc2JytfI1JGCaB+80E8HDkQfAjUK8Ym9s152OaxOfhw7p/8Zjrse9E8Hi4AggEc9OnhyVgis0Cye5hrMWRxUpMNiMEkAHgWOHPiDwKrEWzXmvbHDZDHl82KmvRhrjxdA7e+rf8AA9/3+yyvbFE6R50awFxPgFW9imumnu3nD6x+g9pLj94VmRERERVraytLXswZiqO1GQJPZyJ8O4qao2a2UoNlDWvY8aPY4A6HoQsvN9H+Tr/0m/knkFH+Tr/0m/ksm1KrGPYytC1sg0eAwDeHiqxeq2dn7nldUGSm8jfYeQ6A/Arbn81HdoxVKG8+SzoHDTiBr6PrJ9yncNSFDHRV+BcBq89XHmuxERERFjIxkkbo5GhzHDQg8iFVbVK/gLTreP1lqu9Nh46DofzUtjtoMfbaA+QV5D/DIdB7DyKlWPa8ascHDqDqtVi1WrtLp544wP8AU4BV/LZ9tkOo42E2HyDdLizUEeA7/bwXTs3gxR0s2tHWCOyOYj/XxU6iIiIiIii7+Bxttxe6H5p55ujO7r7OSjnbJxg/R35WDoWD4ELODZSo129NZml9QDf1UzRoVKTN2tAyPXmRzPrPNdKIiIiIiIiIiIiIiIiIiIiIiIiL/9k=');
}

.row-details .details-bottom {
	clear: both;
}

.row-details .details-text .title-main {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    font-family: Helvetica,Arial,sans-serif;
    
}

.row-details .details-text .title-additional {
    font-style: italic;
    font-size: 15px;
}

.row-details .details-text .other-info {

}

.row-details .details-text .description {
    padding-top: 10px;
    padding-bottom: 10px;
}
    .row-details.row-details-radio .details-text .description {
        padding-bottom: 0;
    }

.row-details .rating {
    padding-bottom: 10px;
}

.row-details .rating .badge {
    color: #777;
    background-color: #fff;
    padding: 4px 7px;
}

.select-days {
    width: 100%;
    display: none;
}

/* Loader */
.loader {
    text-align: center;
    margin-top: 111px;
}

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
}
.lds-spinner div {
    transform-origin: 32px 32px;
    animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
    content: " ";
    display: block;
    position: absolute;
    top: 3px;
    left: 29px;
    width: 5px;
    height: 14px;
    border-radius: 20%;
    background: #1aaae2;
}
.lds-spinner div:nth-child(1) {
    transform: rotate(0deg);
    animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
    transform: rotate(30deg);
    animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
    transform: rotate(60deg);
    animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
    transform: rotate(90deg);
    animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
    transform: rotate(120deg);
    animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
    transform: rotate(150deg);
    animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
    transform: rotate(180deg);
    animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
    transform: rotate(210deg);
    animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
    transform: rotate(240deg);
    animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
    transform: rotate(270deg);
    animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
    transform: rotate(300deg);
    animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
    transform: rotate(330deg);
    animation-delay: 0s;
}
@keyframes lds-spinner {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}


/* Širina iframe 650px odgovara širini stranice 1163px */
@media (max-width: 650px) 
{
    .content .column-left,
    .content .column-right {
        float: none;
        width: 100%;
    }

    .content .column-left {
        margin-right: 0;
    }

    .content .column-right {
        margin-top: 2px;
    }

    .tabs-days {
        display: none;
    }

    .select-days {
display: inline-block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    height: 45px;
    font-weight: 600;
    padding: 10px;
    border-bottom: white;
    margin-bottom: 5px;
    border:none;
    }
}

/* iframe 410px = stranica 979px */
@media (max-width: 410px) 
{
    .row-details .details-picture {
        width: 112px;
        height: 84px;
    }

    .row-details .details-text .title-main {
        font-size: 14px;
    }
}

/* iframe 280px = stranica 479px */
@media (max-width: 280px)
{
    .row-details .details-text {
        clear: both;
    }
}