html {
	overflow: -moz-scrollbars-vertical;
	overflow-y: scroll;
}
body {
	font-family:Helvetica, Arial, sans-serif;
}
div {
	padding:0px;
	margin:0px;
}
h3 {
	color:#000000;
	margin-bottom:3px;
	margin-left:0px;
	margin-top:0px;
	margin-right:0px;
}
h4 {
	color:#000000;
	margin:3px;
	margin-left:0px;
	font-size:17px;
}
.container, .container-fluid {
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.87);
	border-radius: 15px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-moz-border-radius: 15px;
	border:1px #f78322 solid;
	margin:20px;
	padding:0px;
	padding-bottom:10px;

}

.leftborder {
	border-left:1px #f78322 solid;
	}

.page-header {
	padding-left:10px;
	padding-right:10px;
	margin:0px;
	height: 130px;
	border-bottom:1px #f78322 solid;

}

#DyalogLogo {
	position:relative;
	width:299px;
	float:left;
	top:28px;
}

#ConferenceLogo {
	position:relative;
	float:right;
	padding:3px;
}

#TopText {
	display:flex;
	align-items: center;
	height:130px;
	padding:10px;
}
#TopText div {
	width:fit-content;
	margin:0 auto;
}

.navwrapper {
	width:fit-content;
}
.navbar {
	border-radius:0px;
	background:rgb(237,127,0);
	background:rgba(237,127,0,0.7);
	margin-bottom:0px;
}


a {
	color:#000;
}

ul.videolist, ul.videolist ul {
	list-style:none;
	padding:0;
	margin:0;
}
li.categories div {
	width:100%;
	text-align:center;
	background:rgb(247,131,34);
	background:rgba(247,131,34,0.7);
}
	
li.video {
	overflow: auto;
	margin-bottom:2px;
	margin-left:10px;
	clear:both;
}

li.video img {
	float:left;
	width:120px;
}

li.video .videotext {
	display:block;
	padding-left:125px;
}

li.video.selected {
	background:rgb(247,131,34);
	background:rgba(247,131,34,0.3);
}

li.video:hover {
	background:rgb(247,131,34);
	background:rgba(247,131,34,0.3);
}
#VideoList {
	height:500px;
	overflow: scroll;
	}
#VideoDescription {
	padding: 5px;
}
#details {
	display:none;
	}

#FOOTER {
	clear:both;
}

/* remove gutter spacing outside */
.row.no-gutter, .row-fluid.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

/* only remove padding of middle columns */
.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child), 
.row-fluid.no-gutter [class*='col-']:not(:first-child),
.row-fluid.no-gutter [class*='col-']:not(:last-child) {
  padding-right:0;
  padding-left:0;
}


/* Chat stuff */

.chat_wrapper {
        font: 14px 'lucida grande',tahoma,verdana,arial,sans-serif;
	padding:2px;
}
.chat_wrapper .message_box {
        background: #F7F7F7;
        height:460px;
        overflow: auto;
        padding: 10px 10px 20px 10px;
        border: 1px solid #999999;
}
.chat_wrapper  input{
        padding: 2px 2px 2px 5px;
}
.system_msg{color: #BDBDBD;font-style: italic;}
.user_name{font-weight:bold;}
.user_message{color: #88B6E0;}
.history_msg{color: #CCCCCC;}

.navbar-dyalog .navbar-toggle .icon-bar {
	background-color:#9271bd;
}
.navbar-dyalog .navbar-toggle {
	border-color:#FFF;
}
.navbar-dyalog .nav .active a {
	background:rgb(247,131,34);
	background:rgba(247,131,34,0.7);
}

.navbar-dyalog .nav li a:hover {
	color: #000;
	background:rgb(247,131,34);
	background:rgba(247,131,34,0.7);
}

@media (max-width: 991px) {
	.leftborder {
		border-left:0px;
	}
	#details {
		display:block;
	}
	#TopText {
		display: none;
	}
}
@media (min-width: 992px) {
	#bs-navbar-collapse-1 {
		width:fit-content;
		margin: 0 auto;
	}
}
