@charset "UTF-8";
/* CSS Document */
.keycolor{
    background-color: black;
}
.platecolor{
  /*background-color: rgba(124, 124, 124, 0.5);*/
  background-image: linear-gradient(to right,rgb(18, 18, 18) , rgba(124, 124, 124, 0.5));
  width: 65%;
  height: 6em;
  position: absolute;
  top: 77%;
  border-top-right-radius: 20px;

}
.nameplate{
  margin-left:50px; 
  padding-top: 5px;
}
.activename{
    color: white;
    font-size: 2.6vw;
    font-weight: 100;
    margin-left: 75px;
    padding-top: 9px;
    
}
.LT-ajourned{
	position: absolute;
    top: 50%;
    margin-top: -50px;
	left:4%;
    width:90%;
}
.LT-status{
	position: absolute;
    top: 80%;
	left:4%;
    width:90%;
}
.LT-ajourned-title{
	margin: 20px;
	font-style: normal;
	text-align: center;
	justify-content: center;
  align-items: center;
  background-color: rgb(26, 26, 26);
  color: orange;
  font-size: 2.2vw;
  font-weight: 100;
  /*font-style: italic;*/
  padding-left: 30px;
}
.LT-status-title{
  background-color: rgb(26, 26, 26);
  color: white;
  font-size: 2.2vw;
  font-weight: 100;
  padding-left: 30px;
  padding-bottom: 5px;
  margin: 20px;
	font-style: normal;
}
.lowplatecolor{
  /*background-color: rgba(94, 94, 94, 0.5);*/
  background-image: linear-gradient(to right,rgb(18, 18, 18) , rgba(94,94,94, 0.5));
  color: white;
  width: 70%;
  height: 2.5em;
  position: absolute;
  top:80.1%;
  margin-top: 3.3vw;
  padding-top: 10px;
  font-size: 1.4vw;
  font-weight: 300;;
  border-top-style:solid;
  border-color: rgba(94, 94, 94, 0.5);
  border-width: thin;
  border-bottom-right-radius: 20px;
  border-top-right-radius: 20px;

}
.speakerinfo{
  color: rgb(191, 191, 191);
  margin-left:50px
}
.countdown-timer{
	color:white;
	font-style: normal;
	
	font-size: 2.5vw;
	text-align: left;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color:transparent;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: transparent;
}

.fade-in-plate{
    animation: fadeIn 2s;
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    -o-animation: fadeIn 2s;
    -ms-animation: fadeIn 2s;
    
}
.fade-out-plate {
  animation: fadeOut ease 2s;
  -webkit-animation: fadeOut ease 2s;
  -moz-animation: fadeOut ease 2s;
  -o-animation: fadeOut ease 2s;
  -ms-animation: fadeOut ease 2s;
}
.chaneltagholder{
  margin-left:100px; padding-top: 12px
}
.lowplateholder{
  display:block; 
  margin-left:285px
}
.ChannelTag{
  background-color: rgb(48, 48, 48);
  border-style: solid;
  border-width: 2px;
  border-color: white;
  border-radius: 50%;
  width: 150px;
  height: 150px;
  color:blueviolet;
  text-align: center;
  padding: 15px;
  padding-top: 40px;
  margin-top: -5px;
}
.InnerChannelTagLogo{
  margin-top:-20px; 
  display:none;
}
.InnerChannelTagTimer{
  display:block; 
  margin-top:-6px;
  margin-left: -2px;
  display: block;
}
.LTAjournering {
  background-color: rgb(26, 26, 26);
  color: orange;
  font-size: 2.2vw;
  font-weight: 100;
  /*font-style: italic;*/
  padding-left: 30px;
}
  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-moz-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-o-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }
  
  @-ms-keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

  @keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  
  @-moz-keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  
  @-webkit-keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  
  @-o-keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
    }
  }
  
  @-ms-keyframes fadeOut {
    0% {
      opacity:1;
    }
    100% {
      opacity:0;
  }
}