body {	
	background-color: white ;
	background-image: none ;
	color: #0077B3;
}

button {
	/*background-color: #dd3627 ;	*/
  background-color: #0077b3 ;
  border-color: #0077b3 ;
}

button:hover {
	background-color: #0057a3 ;
	color: white;	
}

input {
	color: black ;	
}


.list {
	background-color: #edf1f0 ;
	color: black ;
	font-size: 0.9em ;
}

.list-button {
    color: rgb(25,38,43);
}

.list-button-selected {
    background-color: rgb(25,38,43);
    color: white;
}

.list-button:hover {
    background-color: #4d4d4d ;
    color: white;
}

.li-speaker:hover, .li-speech:hover, .list-button-selected .list-button-selected {
	background-color:rgba(255,255,255,0.3) ;
}

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

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

a:link {
	color: #6b6868 ;
}  


#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;  
  }
}