html, body {
  width:100%;
  height: 100%;
  background: #e6eaed; 
}

body {
        color:#000000;
	font-family:lato;
	font-size:11px
        background: #e6eaed;
        scrollbar-face-color: #b46868;
	max-width: 1200px;
	max-height: 100%;
	padding-top: 1px;
	margin:0 auto;
}
.table > tbody > tr > td {
      vertical-align: middle;
    }
.nopadding {
   padding: 5px !important;
   margin: 0 !important;
}

.wrap {
	min-height: 100%;
	padding-bottom:80px;	
	background: #e6eaed;    
	
}
.container {
      width:100%;
      height: 100%;
}
.videoplayer {
        display: block;
	width:140px;
	
}


@media (min-width: 768px) {
  ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
  }
}

.navbar-default .navbar-brand {
	color:#000
}

header .title-area {
	box-shadow:inset 0px 1px 0px 0px #1a1919;
	background:linear-gradient(to bottom, #1a1919 5%, #140501 100%);
	background-color:#1a1919;
	border-radius:3px;
	border:1px solid #545050;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
  	font-size: 20px;
  	padding-top: 6px;
  	padding-bottom: 8px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1f0a01;
	width:100%;
}
header .title-area:hover {
	background:linear-gradient(to bottom, #140501 5%, #1a1919 100%);
	background-color:#140501;
}
header .title-area:active {
	position:relative;
	top:1px;
}

header .logo {
	width:250px
}

.navbar-default .navbar-nav>li>a {
	padding-top:5px;
	padding-bottom:5px;
	line-height:20px;
}

.navbar-nav>li {
	text-align:center;
}

.navbar-nav img {
	display:inline-block;
	width:30px;
	height:30px;
}

.navbar-nav .title {
	display:block;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>a:hover 
{
	background:#efdebe;
	color:#e77e22;
}

.channels a {
	background: #fbf7ef;
	
	display:block;
	padding:10px;
	color:#000;
	font-size:14px;
	border:solid 1px #e7e7e7;
	
}

.channels img {
	/*margin-right:10px;*/
	width:108px;
	height:30px;
}

@media(max-width : 992px) {
	.channels {
		text-align:center
	}
	
	.channels img {
		display:block;
		margin:0 auto;
	}
}

@media(max-width : 768px) {
	.channels {
		display:inline-block;
                width: 48%;
		margin:2px;
	}
	.channel-panel {
		text-align:center;
	}
}
#channels.in,
#channels.collapsing {
    display: block!important;
}

.channel-heading .caret {
	position:relative;
	top:5px;
}

.channels a:hover, .channels a.active {
	text-decoration:none;
	background: #eeddb9;
}


footer {
  	display:block;
  	text-align:center;
	box-shadow:inset 0px 1px 0px 0px #1a1919;
	background:linear-gradient(to bottom, #1a1919 5%, #140501 100%);
	background-color:#1a1919;
	border-radius:3px;
	border:1px solid #545050;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
  	font-size: 18px;
  	padding-top: 6px;
  	padding-bottom: 8px;
	margin-bottom: 22px;
	text-decoration:none;
	text-shadow:0px 1px 0px #1f0a01;
	width:100%;
}
footer a:link {
	color:#FFFFFF;
	padding-left:10px;
}
footer a:visited {
	color:#FFFFFF;
	padding-left:10px;
}

h1 {
    background: #1d1d1d;
    padding: 10px;
    font-size: 20px;
    color: #fff;
    line-height: 20px;
    margin: 0px;
    margin-bottom: 10px;
}

h2 {
	font-size:12px
}

.panel-body {
	padding:0px;
	background:#fbf7ef;
	border-color:#ffc000;
}

.panel-primary {
	background:#fbf7ef;
	border-color:#ffc000;
}

.panel-primary>.panel-heading {
	background:#fbf7ef;
	border-color:#ffc000;
	color:#bc0303;
	text-transform:uppercase;
	font-weight:bold;
}

.nav-tabs>li:hover>a {
	color:#000;
}

.video-item {
	padding:10px;
}

.video-item .video {
	width:100%;
        display: block!important;
        overflow-x:scroll;
	
}

.channel-submenu {
	
}
.channel-item {
  padding-top: 5px;
}

        .column,
        .mycolumn {
            float: left;
            line-height: 1.3;
            padding: 5px;
        }

        .card,
        .column,
        .mycolumn {
            padding: 5px
        }

        .card,
        .card a:link {
            text-decoration: none;
            color: #4287f5;
        }

        .card,
        .card a:active,
        .card a:hover,
        .card a:link,
        .card a:visited {
            color: #4287f5;
            text-decoration: none;
        }

        .column {
            width: 25%
        }

        .mycolumn {
            width: 50%
        }

        .row {
            margin: 1px
        }

        .row:after {
            content: "";
            display: table;
            clear: both
        }

        @media only screen and (max-width:600px) {
            .column {
                border-radius: 5px;
                float: left;
                line-height: 1.3;
                width: 50%;
                padding: 5px
            }
        }

        .card {
            background-color: #FFFAFA;
            border-style: solid;
            border-width: 2px;
            border-color: #FFEBCD;
            text-align: center;
            font-weight: 700;
            font-size: 18px;
            height: 165px;
            clear: both
        }

        .card a:focus {
            outline: none;
        }

        .card img {
            border-radius: 12px;
            -webkit-border-radius: 12px 12px 12px 12px;
            -moz-border-radius: 12px;
            width: 100%;
            height: 110px;
            margin-bottom: 1px
        }

        .sharesocial {
            display: flex;
            justify-content: center;
            align-items: center
        }

        .iframefull {
	     position: absolute;
	     width: 100%; marginheight: 0; marginwidth: 0; overflow: hidden; frameborder: 0;
	}
	.tag {
  		display: inline-block; /* Allows width/height and padding */
  		background-color: #eee; /* Light grey background */
  		color: #333; /* Dark grey text */
  		padding: 5px 10px; /* Internal spacing */
  		border-radius: 20px; /* Rounded corners for a badge-like appearance */
 		margin-right: 10px; /* Space between tags */
 		margin-bottom: 5px; /* Space between tags */
 		font-size: 14px; /* Font size */
  		cursor: pointer; /* Indicates interactivity */
	  }

	.tag:hover {
 		 background-color: #ddd; /* Slightly darker on hover */
	}

   .middlecontent {
        vertical-align: middle;
    }
    .playbtn {
        width: 36px; 
        height: 36px; 
        background-image:url('/assets/images/tv1.svg'),none;
        background-repeat: no-repeat; 
        background-position: center center;
        background-size: contain; 
    }
   .playbtn2 {
    width: 36px; 
    height: 36px; 
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"><path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/></svg>');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }