.block-tabs,
.block-tab {
    border: 1px solid #444444;
    padding: 0;
}
.block-tabs li {
    border-bottom: 1px solid #444444;
    padding:20px;
    padding-left: 25px;
    cursor: pointer;
    position: relative;
}
.block-tabs li strong,
.block-date strong {
    font-size: 17px;
}
.block-tabs li i,
.block-tab li i {
    font-size: 20px;
    vertical-align: middle;
    margin-right: 25px;
}
.block-tabs li:last-child {
    border-bottom: 0;
}
.block-tabs li.active {
background: linear-gradient(90deg, #F3EA9E 0%, #F2E89C 23.56%, #EEE295 37.02%, #E8D889 44.23%, #E0C978 72.13%, #D4B562 83%, #B78227 96%);
color:black;

    border-bottom: 0;
}

.block-tabs li.active strong{

color:black;

}
.block-tabs li:first-child.active {
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius:  5px 5px 0 0;
}
.block-tabs li:last-child.active {
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius:  0 0 5px 5px;
}
.block-tabs li.active:before {
    border-bottom: 6px solid #444444;
    border-left: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid rgba(0, 0, 0, 0);
    content: "";
    height: 0;
    right: -10px;
    position: absolute;
    top: 50%;
    transform: rotate(90deg) translateX(-50%);
    -webkit-transform: rotate(90deg) translateX(-50%);
    -moz-transform: rotate(90deg) translateX(-50%);
    -ms-transform: rotate(90deg) translateX(-50%);
    -o-transform: rotate(90deg) translateX(-50%);
    width: 0;
}
.block-tab li {
    display: none;
}
.block-tab li.active {
    display: block;
}
.block-tab li .block-date {
    background: linear-gradient(90deg, #F3EA9E 0%, #F2E89C 23.56%, #EEE295 37.02%, #E8D889 44.23%, #E0C978 72.13%, #D4B562 83%, #B78227 96%);

    padding:20px;
    padding-left: 25px;
    border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
    -o-border-radius:  5px 5px 0 0;
}
.block-tab .block-detail {
    border-bottom: 1px solid #444444;
    padding: 25px;
    cursor: pointer;
    overflow: hidden;
}
.block-tab .block-detail:hover {
    background: #121212;
}
.block-tab .block-detail span {
    display: block;
    font-size: 15px;
}
.block-tab .block-detail .time {
    color: #ffffff;
    margin-bottom: 4px;
    font-weight: bold;
}
.block-tab .block-detail .speaker {
    margin-top: 1px;
    font-size: 14px;
    color: #ffffff;
    margin-bottom: 10px;
    line-height: 13px;
    font-family: 'Open Sans' !important;
}
.block-tab .block-detail .speaker strong {
    font-weight: 500;
}

.block-date strong{
    color:black;
}
.block-tab .block-detail .block-text {
    opacity: 0;
    max-height: 0;
}
.block-tab .block-detail:hover .block-text {
    padding-top: 20px;
    max-height: 500px;
    opacity: 1;
}
.block-tab li .block-detail:last-child {
    border-bottom: 0;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius:  0 0 5px 5px;
}
/* End Schedule section*/


.mein-flex{
    display: flex;
    justify-content: space-between;
}

.col-sm-4 {
    width: 32%;

}
.col-sm-8 {
    width: 62%;

}

.active .block-date{
    color: black;
}


.block-text ul {
  list-style-type: disc !important;   /* prisilno prikaži tačkice */
  list-style-position: outside !important; /* bullet lijevo izvan teksta */
  margin-left: 1.5em !important;      /* prostor za bullete */
  padding-left: 1.5em !important;
  display: block !important;          /* sprječava flex/grid da sakrije bullete */
}

.block-text li {
  display: list-item !important;      /* garantuje da se marker pojavi */
  position: relative !important;
}



@media screen and (max-width:600px){

    .block-tab{
        margin-top:3vw;
    }
    .col-sm-4 {

    width: 90%;
    margin-left: 5%;

}
.sub-title-0{
    margin-left: 5%;
}
.col-sm-8 {
    width: 90%;
       margin-left: 5%;

}

.mein-flex{
    display: block;
   
    justify-content: space-between;
}
}