#tbl-premium-news {width: 100%; margin-top: .5em; background-color: #000;}
#tbl-premium-news th{color: #ffa500 !important; border-bottom: solid 1px #ffa500;}
#tbl-premium-news tbody td{color: #c3c4c7 !important; border-bottom: solid 1px #422b00;}

#tbl-premium-news tbody td.g{color: #00f900 !important;}
#tbl-premium-news tbody td.b{color: #ff0000 !important;}
#tbl-premium-news tbody td.m{color: #ffff00 !important;}

.single-article.premium-news {overflow: initial;}


#tbl-premium-news thead th.headline{ width: 50%; }
#tbl-premium-news thead th.topic{width: 10%; }
#tbl-premium-news thead th.company{ width: 10%; }
#tbl-premium-news thead th.comment{ width: 10% }
#tbl-premium-news thead th.date{ width: 20%; }

#tbl-premium-news thead th {font-weight: 600;}

#tbl-premium-news tfoot td  {text-align: center;}
#tbl-premium-news tfoot td a {color: #ccc;}

button.accordion.active, button.accordion:hover {
    /*background-color: #555;*/
}
button.accordion {

    background-color: #000;
    color: orange;
    /*cursor: pointer;*/
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    margin-top: 25px;
    font-weight: 600;
}


button.accordion:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
    display: none;
}

button.accordion.active:after {
    content: "\2212";
}

div.panel {
    padding: 0 18px;
    background-color: #f1f1f1;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    color: black;
}

/*table.dataTable {width: 100%; border: 1px solid #e5e5e5;}*/
table.widefat thead th {font-weight: 400;}
table.widefat thead th {text-align: left;}
table.widefat th,table.widefat td {padding: 8px 10px;}
table.widefat tfoot td {border-top: 1px solid #e1e1e1; font-weight: 400;}


div.dataTables_paginate {margin-top: 10px;}
div.dataTables_paginate span.ellipsis {padding-right: 5px;}
div.dataTables_paginate a.paginate_button {padding: 0 5px 0 0; cursor: pointer; cursor: hand; font-size: 110%; }

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc {cursor: pointer;}
table.dataTable thead .sorting_asc {background-image: url("../png/sort_asc.png"); background-repeat: no-repeat; background-position: right center;}
table.dataTable thead .sorting_desc {background-image: url("../png/sort_desc.png"); background-repeat: no-repeat; background-position: right center;}

table.dataTable tr.odd { background-color: #f9f9f9; }




@media only screen and (min-width: 1080px){
    .col-14.premium-news-inner-container {
        max-width: 1024px;
    }
}
@media only screen and (max-width: 767px){
    table.widefat thead {display: none;}
    table.widefat thead th {border: none;}
    table.widefat thead tr {border-bottom: solid 1px #ddd;}
    table.widefat tbody tr {border-bottom: solid 1px #ddd;}
    table.widefat tbody tr:last-child {border-bottom: none;}
}


/*logo*/
body.premium-news-page .logo { margin: 0 auto; width: 60%;}
body.premium-news-page .brand-head .logo img {margin: 0 auto;}



#grd-premium-news-header,#grd-premium-news-body{
    display: grid;
    grid-template-columns: 45% 10% 10% 10% 25%;
    background-color: #000;
}
#grd-premium-news-header{
    border-bottom: solid 1px #ffa500;
}
#grd-premium-news-footer{
    display: grid;
    grid-template-columns: 100%;
    background-color: #000;
    padding: 8px 10px;
    justify-items: center;
}
#grd-premium-news-footer a{ color: #ccc;}


#grd-premium-news-header > div, #grd-premium-news-body > div {font-weight: 600; color: #ffa500 !important;padding: 8px 10px;}

#grd-premium-news-body > div{
    color: #c3c4c7 !important;
    border-bottom: solid 1px #422b00;
    font-weight: normal;
}



#grd-premium-news-body .g{color: #00f900 !important;}
#grd-premium-news-body .b{color: #ff0000 !important;}
#grd-premium-news-body .m{color: #ffff00 !important;}

#grd-premium-news-body a, .panel.legend a {color: #ffa500; text-decoration: none; }
#grd-premium-news-body a:hover, .panel.legend a:hover {text-decoration: underline; }

@media only screen and (max-width: 767px){
    #grd-premium-news-header{display: none;}

    #grd-premium-news-body{

        grid-template-columns: 100%;

    }

    #grd-premium-news-body div:nth-child(5n+0){
        border-bottom: solid 1px #ddd;
    }

    button.accordion, .panel{display: none;}



}

#filterContainer{
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(103px,1fr));
    margin: 5px 0 10px 0;
}
#filterContainer .filterItem, #filterContainer .filterRemove{
    position: relative;
    background-color: #ccc;
    padding: 5px 10px;
    max-width: 100px;
    border-radius: 3px;
}

#filterContainer .filterRemove{
    background-color: #ffb3b3;
}
#filterContainer .filterRemove:hover{
    cursor: pointer;
}


#filterContainer .filterItem a{
    position: absolute;
    right: 8px;
    top: 0px;
    font-size: 9px;
}

/*.legend.panel ul{*/
/*     display: grid;*/
/*     grid-template-columns: 25% 25% 25% 25%;*/
/*     max-height: 98px;*/
/*     overflow-y: scroll;*/
/* }*/

.legend.panel{
    /*padding-bottom: 10px;*/
    margin-bottom: 10px;
    max-height: 100%;
}

.legend.panel ul{
    display: grid;
    grid-template-columns: 25% 25%;
    grid-auto-flow: column;
    max-height: 98px;
    overflow-y: scroll;
    padding-bottom: 10px;
    min-height: 48px;
}

#txtFilterSearch{
    background-image: url("../svg/search-icon.svg");
    background-position: 12px 14px;
    background-repeat: no-repeat;
    background-size: 17px 17px;
    width: 50%; /* Full-width */
    font-size: 14px;
    padding: 12px 20px 12px 40px;
    border: 1px solid #ddd;
    margin: 12px 15px 12px 0



}

.single-article.premium-news.swiper-container{
    margin-top: 20px;
}
.single-article.premium-news.swiper-container .swiper{
    height: 45px;
    background-color: #f1f1f1;
}
.single-article.premium-news.swiper-container .swiper a{
    color: #e75220 !important;
}
.single-article.premium-news.swiper-container .swiper a:hover{
    text-decoration: underline;
}


.single-article.premium-news.swiper-container .swiper .swiper-slide{
    padding: 10px 10px;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: #ffa500 !important;
}

#drpFilterSearch{

    width: 50%;
    padding: 12px 0 12px 0;
}
.panel.legend > div {
    margin-top: 12px;
}