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

body {
        width:100%;
        color:#000000;
	font-family:lato;
	font-size:11px
        background: #e6eaed;
        scrollbar-face-color: #b46868;

}

.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 {
  background: #5715e6;
  background-image: -webkit-linear-gradient(top, #5715e6, #0a1194);
  background-image: -moz-linear-gradient(top, #5715e6, #0a1194);
  background-image: -ms-linear-gradient(top, #5715e6, #0a1194);
  background-image: -o-linear-gradient(top, #5715e6, #0a1194);
  background-image: linear-gradient(to bottom, #5715e6, #0a1194);
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding-top: 6px;
  padding-bottom: 8px;
  text-decoration: none;
}

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;
		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;
  background: #5715e6;
  background-image: -webkit-linear-gradient(top, #5715e6, #0a1194);
  background-image: -moz-linear-gradient(top, #5715e6, #0a1194);
  background-image: -ms-linear-gradient(top, #5715e6, #0a1194);
  background-image: -o-linear-gradient(top, #5715e6, #0a1194);
  background-image: linear-gradient(to bottom, #5715e6, #0a1194);
  font-family: Arial;
  color: #ffffff;
  text-decoration: none;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
	position: relative;
	margin-top: -87px;	
}
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 {
	
}