.dropbtn {background-color: #3498db61;color: white;padding: 16px;font-size: 16px;border: none;cursor: pointer;}
.dropbtn:hover, .dropbtn:focus {background-color: #3e8e41;}
.dropdown { position: relative; display: inline-block;}
.dropdown-content {display: none; position: absolute; background-color: #f6f6f6;min-width: 230px; overflow: auto;border: 1px solid #ddd; z-index: 1;}
.dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block;}
.dropdown a:hover {background-color: #ddd;}
.show {display: block;}
.menu { list-style-type: none;margin: 0;padding: 0;background-color: #3498db75;}
.dropdown-content a:nth-child(even){background-color:rgba(0,0,0,0.5);text-align:left}
.dropdown-content a:nth-child(odd){background-color:rgba(0,0,0,0.2);text-align:left}
.dropdown-content a:hover{ background-color:red; color:white}

.Tshannel ul {list-style-type: none;padding: 0;margin: 0;background-color:#1C1C1C;width: 100%; border-radius: 0px;}
.Tshannel ul li {line-height: 65px;}    
.Tshannel img { float: left;margin: 0 0 0px 0;padding: 2px;width:80px; height:60px}
.Tshannel ul li:nth-child(even){background-color:rgba(0,0,0,0.5);text-align:left}
.Tshannel ul li:nth-child(odd){background-color:rgba(0,0,0,0.2);text-align:left}
.Tshannel p{margin:2px;padding-left: 80px;}
.Tshannel a{ text-decoration:none;color:white}
.Tshannel{display:-ms-flexbox;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.Tshannel ul li{background-image:url('data:image/png;base64,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');background-position:right center;background-repeat:no-repeat;border-bottom:1px solid gray;text-align:left}
.Tshannel ul {padding:0;list-style-type:none;overflow-x:hidden;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.Tshannel ul li:hover{background-color:#34495e}


.w3-black{color:#fff!important;background-color:#000!important}
.w3-bar{width:100%;overflow:hidden}*{box-sizing:inherit}
.w3-bar .w3-bar-item{padding:8px 16px;float:left;width:auto;border:none;display:block;outline:0}


.topnav { overflow: hidden;background-color: #2d3436;}
.topnav a {float: left;display: block;color: black;text-align: center;padding: 14px 16px;text-decoration:none;font-size: 17px;}
.topnav a:hover { background-color: #ddd; color: black;}
.topnav a.active { background-color: #2d3436; color: white;border-right: #ecf0f1 solid 2px;}
.topnav .search-container { float: right;}
.topnav input[type=text] { padding: 10px; margin-top: 3px; font-size: 17px; border: none; background-color: rgba(0,0,0,0.4); color:white}
@media screen and (max-width: 600px) {
  .topnav .search-container {
    float: none;
  }
  .topnav a, .topnav input[type=text], .topnav .search-container button {
    float: none;
    display: block;
    text-align: left;
    width: 100%;
    margin: 0;
    padding: 14px;
    border-radius: 0px;
    background-color: rgb(0 0 0 / 37%);
  }
  .topnav input[type=text] {
    border: 0px solid #ccc;  
    color:white;
  }
}