body {	
	background-color: #ffffff ;
	background-image: none ;
	color: #000000;
}

/*
.container-fluid {
    margin-right: 15px;
	margin-left: 15px;
}

button {
	background-color: #499A9D ;	
	color: white
}

button:hover {
	background-color: #F6C028 ;
	color: blue;	
}

input {
	color: red;	
}

a:link {
	color: white;
}

a:link:hover{
	background-color: transparent ;
	color: black ;
}
*/
.list {
	background-color: #3c9699 ;
  color: white ;
}
/*

.list {
	background-color: #499A9D ;
	color: white ;
	font-size: 1em ;
}
*/

.list-button {
    color: white;
}

.list-button-selected {
    background-color: grey;
    color: white;
}

.list-button:hover {
    background-color: grey;
    color: white;
}
/*
.li-speaker:hover, .li-speech:hover, .list-button-selected .list-button-selected {
	background-color:white;
}

.list-button-selected .li-speaker{
	color: white;
}

.code {
	color: red ;
}

.panel-default>.panel-heading {
	background-color: #499A9D ;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#499A9D),to(#499A9D));
	color: white ;	
}

.panel-body {
	color: white;	
}*

.collapsed {
	color:white ;
}

#session-pane-title,#agenda-pane-title,#org-pane-title,#clip-pane-title,#search-pane-title,#glossary-pane-title {
	color:black ;
}

#meeting-type-list {
	color: black ;	
}
*/

.nav, .nav-tabs {
  background-color:grey;
}

.nav-tabs>li>a:link {
  color: white ! important;
}

.nav-tabs>li.active>a {
  color: grey ! important;
}

.panel {
  background-color:transparent;
  border-color:transparent;
  background-image:none;
  color:white;
}

.panel-default>.panel-heading {
  background-color:transparent;
  background-image:none;
}

.panel-title, .panel-title>a:link, .panel-body {
    color:white;
}

a:hoover {
  background-color:#999;
  color:black;
}

#logoSynthe {
  width: 30px;
  height: 30px;
}

.video-caption {
  visibility: hidden;
  position: absolute;
  top:86%;
  left:1%
  display: inline-flex;
  border-radius:3px;
  width:50%;
  text-align: left;
}

@media only screen and (orientation:portrait), only screen and (max-width:500px), only screen and (max-aspect-ratio:1/1) {
  #divDisplayStandard>#row-1>.col-header-left>a>img {
    max-width: 100% ! important;
  }
}

@media only screen and (max-width:500px), only screen and (orientation:portrait), only screen and (max-aspect-ratio:1/1) {
  .video-caption {
    width:100%;
    top:86%;
  }
  #logoSynthe {
    width: 20px;
    height: 20px;
  }
  .video-caption-text {
    font-size:x-small;  
  }
}

@media only screen and (max-width:300px), only screen and (orientation:portrait), only screen and (max-aspect-ratio:1/1) {
  .video-caption {
    width:100%;
    top:77%;
  }
  #logoSynthe {
    width: 15px;
    height: 15px;
  }
  .video-caption-text {
    font-size:xx-small;  
  }
}