.lobby-old { 
  /*min-width: -webkit-fill-available; 
   background: url(../img/Image2.jpg) no-repeat scroll center center transparent;*/
   background: url(../img/Image2.jpg) no-repeat center center transparent;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

.lobby { 
  max-width: 100%;
  height: auto;
  min-width: 1080px;
}

.pops-bg { 
max-width: 100%;
height: auto;
min-width: 1080px;
}

.event-row{
  padding-bottom: 15px;
}

.fa{padding-right:5px;}

.btn-footer-custom{width:33%;}

.dropdown:hover .dropdown-menu {
display: block;
margin-top: 0; 
}

.hiddenDetails{display: none;}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.xxxxbtn-outline-dark{
color: #343a40;
background-color: #eeeeee;
background-image: none;
border-color: #343a40;
} 

.btn-outline-dark:hover {
color: #fff;
background-color: #343a40;
border-color: #343a40;
}

.event-details{
font-size: 13px;
}

.event-sponsor-logo{
margin: 10px;
width: 200px;
}

/*link styles for nav and screens*/
.large-screen-links:hover{
color:orange;
text-decoration: none;
}

.large-screen-links{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 500;
color:#ffffff;
}

.scrolling-large-screen-links:hover{
color:#9a873d;
text-decoration: none;
}

.scrolling-large-screen-links{
font-family: 'News Cycle', sans-serif;
font-weight: 500;
color:#000000;
}

.screen-links{
font-family: 'News Cycle', sans-serif;
font-size: 18px;
font-weight: 900;
color: #ffffff;
}

/*screen color white hover color c9d5da*/
.banner-links-black{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 12px;
font-weight: 600;
color:#000000;
}


.banner-links{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 14px;
font-weight: 600;
color:#eeeeee;
}


/* .banner-links:hover{
color:#ffffff;
} */

.welcome-links{
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-weight: 600;
color:#000000;
}


/*end link styles for nav and screens*/
/*
.welcomeScroll{
position: absolute;
top: 206px;
left: 371px;
width: 377px;
text-align: center;
height:75px;
}
*/

.btnnews{
position: absolute;
left: 668px;
top: 526px;
font-size: 16px;
}

.btnwelcome{
position: absolute;
left: 462px;
top: 186px;
font-size: 18px;
}

.btnexhibitors{
position: absolute;
left: 620px;
top: 115px;
font-size: 18px;
}

.btnevents{
position: absolute;
  font-size: 18px;
  left: 591px;
  top: 113px;
} 

.btnsocial{
position: absolute;
left: 704px;
top: 103px;
} 

.btnsponsors{
position: absolute;
left: 600px;
top: 376px;
font-size: 14px;
}


.btnhelp{
position: absolute;
left: 857px;
top: 56px;
}


.btncecert{
position: absolute;
left: 62px;
top: 476px;
font-size: 13px;
}

.btncommercials{
  position: absolute;
  left: 371px;
  top: 84px;
  font-size: 20px;
}

.btnmystuff{
  position: absolute;
  left: 139px;
  top: 203px;
  font-size:18px;
}

.btnmystuffc{
  position: absolute;
  left: 139px;
  top: 208px;
  font-size:18px;
}

.btnposters{
position: absolute;
left: 365px;
    top: 197px;
}

.btngame{
position: absolute;
left: 63px;
top: 457px;
}

.btnvprogram{
position: absolute;
left: 44px;
top: 370px;
font-size: 13px;
}

.btnawards{
position: absolute;
left: 177px;
top: 522px;
font-size: 16px;
}

.btnlogoff{
position: absolute;
left: 148px;
top: 492px;
}

.btnavatar{
background: transparent; top:335; left:531; padding: 10px; position: absolute;
}

.btnlobby1{
background: transparent; top:303; left:31; padding: 10px; position: absolute;
}

.btnlobby2{
background: transparent; top:335; left:832; padding: 10px; position: absolute;
}

.btnlobby3{
background: transparent; top:534; left:313; padding: 10px; position: absolute;
}

.btnlobby4{
background: transparent; top:391; left:889; padding: 10px; position: absolute;
}

.card-footer-btns{
  width: 170px;
  margin-right:2px; 
  margin-left:2px;
}

.list-group-item{
  padding:.35rem 0.25rem !important;
}

.nav>li>a:focus, .nav>li>a:hover {
  background-color:#eeeeee;
}

/*  */
.img-thumbnail{
  max-height: 200px !important;
}

.accordion .fa{
margin-right: 0.5rem;
}
/*
<a class="btn btn-custom btn-md btn-exhibitors" href="#exhibitors">Exhibitors</a>
<a class="btn btn-custom btn-md btn-psters" href="#posters">Poster Sessions</a>
<a class="btn btn-custom btn-md btn-social" href="#social">Social Content</a>
<a class="btn btn-custom btn-md btn-events" href="#events">Classrooms</a>
<a class="btn btn-custom btn-md btn-cecert" href="#cecert">CE Certificate</a>
<a class="btn btn-custom btn-md btn-help" href="#help">Help Desk</a>
*/

.mystuff-th-platinum {
background-color:#85519b;
color: white;
}

.mystuff-th-silver {
background-color:silver;
color:#000000;
}

.mystuff-th-bronze {
background-color:#cd7f32;
color: white;
}

.mystuff-th {
background-color: black;
color: white;
}
table{
border-collapse: separate;
border-spacing: 10px; /* Apply cell spacing */
}

table th, table td{
padding: 5px; /* Apply cell padding */
}

.imgbox {
display: grid;
height: 100%;
}
.center-fit {
max-width: 100%;
max-height: 100vh;
margin: auto;
}

.eg-pill{
background-color: #ddd;
border: none;
color: black;
padding: 10px 20px;
text-align: center;
text-decoration: none;
display: inline-block;
margin: 4px 2px;
cursor: pointer;
border-radius: 16px;
}

/*chat css*/
/*
.container{max-width:1170px; margin:auto;}
img{ max-width:100%;}*/
.inbox_people {
background: #f8f8f8 none repeat scroll 0 0;
float: left;
overflow: hidden;
width: 40%; border-right:1px solid #c4c4c4;
}
.inbox_msg {
border: 1px solid #c4c4c4;
clear: both;
overflow: hidden;
}
.top_spac{ margin: 20px 0 0;}


.recent_heading {float: left; width:40%;}
.srch_bar {
display: inline-block;
text-align: right;
width: 60%;
}

.headind_srch{ padding:10px 29px 10px 20px; overflow:hidden; border-bottom:1px solid #c4c4c4;}

.recent_heading h4 {
color: #05728f;
font-size: 21px;
margin: auto;
}
.srch_bar input{ border:1px solid #cdcdcd; border-width:0 0 1px 0; width:80%; padding:2px 0 4px 6px; background:none;}
.srch_bar .input-group-addon button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
padding: 0;
color: #707070;
font-size: 18px;
}
.srch_bar .input-group-addon { margin: 0 0 0 -27px;}

.chat_ib h5{ font-size:15px; color:#464646; margin:0 0 8px 0;}
.chat_ib h5 span{ font-size:13px; float:right;}
.chat_ib p{ font-size:14px; color:#989898; margin:auto}
.chat_img {
float: left;
width: 11%;
}
.chat_ib {
float: left;
padding: 0 0 0 15px;
width: 88%;
}

.chat_people{ overflow:hidden; clear:both;}
.chat_list {
border-bottom: 1px solid #c4c4c4;
margin: 0;
padding: 18px 16px 10px;
}

.chat_list:hover{
cursor: pointer;
}

.inbox_chat { height: 350px; overflow-y: scroll;}

.active_chat{ background:#ebebeb;}

.incoming_msg_img {
display: inline-block;
width: 6%;
}
.received_msg {
display: inline-block;
padding: 0 0 0 10px;
vertical-align: top;
width: 92%;
}
.received_withd_msg p {
background: #ebebeb none repeat scroll 0 0;
border-radius: 3px;
color: #646464;
font-size: 14px;
margin: 0;
padding: 5px 10px 5px 12px;
width: 100%;
}
.time_date {
color: #747474;
display: block;
font-size: 12px;
margin: 8px 0 0;
}
.received_withd_msg { width: 57%;}
.mesgs {
float: left;
padding: 30px 15px 0 25px;
width: 60%;
}

.sent_msg p {
background: #05728f none repeat scroll 0 0;
border-radius: 3px;
font-size: 14px;
margin: 0; color:#fff;
padding: 5px 10px 5px 12px;
width:100%;
}
.outgoing_msg{ overflow:hidden; margin:26px 0 26px;}
.sent_msg {
float: right;
width: 46%;
}
.input_msg_write input {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: medium none;
color: #4c4c4c;
font-size: 15px;
min-height: 48px;
width: 100%;
}

.type_msg {border-top: 1px solid #c4c4c4;position: relative;}

.msg_send_btnOLD {
background: #05728f none repeat scroll 0 0;
border: medium none;
border-radius: 50%;
color: #fff;
cursor: pointer;
font-size: 17px;
height: 33px;
position: absolute;
right: 0;
top: 11px;
width: 33px;
}

.msg_send_btn {
padding: 10px 20px;
margin: 4px 2px;
cursor: pointer;
border-radius: 16px;
}

.messaging { padding: 0 0 50px 0;}
.msg_history {
height: 275px;
overflow-y: auto;
}

.chat_unread{
font-weight:900;
font-size:20px;
}

#socialPostTextarea {
/*min-height: 5em;*/
max-height: 50vh;
width: 85%;
resize: none;
overflow: hidden;
margin-right:16px;
}

.social-icons{
max-height: 20px;
padding-right: 5px;
}

.social-icons-big{
height: 65px;
padding-right:5px;
}
/*end chat css*/

/*sponsor logos*/
.asponsor{
	position: absolute;
	left: 318px;
	top: 342px;
	height: 58px;
	cursor: pointer;
}

.bsponsor{
	position: absolute;
	left: 479px;
	top: 344px;
	height: 45px;
	cursor: pointer;
}

.csponsor{
	position: absolute;
	left: 622px;
	top: 344px;
	height: 48px;
	cursor: pointer;
}

/*div id game, tab id challenges*/
.isponsor{
max-height: 35px;
cursor: pointer;
}

/*div id mystuff*/
.jsponsor{
max-height: 117px;
cursor: pointer;
}
.ksponsor{
max-height: 117px;
cursor: pointer;
}

/*div id events*/
.osponsor{
max-height: 117px;
cursor: pointer;

}
.psponsor{
max-height: 117px;
cursor: pointer;
}

.tsponsor{
position: absolute;
top: 426px;
left: 987px;
height: 50px;
cursor: pointer;
}

.vbadge{
border: 5px solid #061926;
width: 400px;
margin: auto;
-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;
text-align: center;
}

.btn-custom{
color: #fff;
background-color:black;
border-color:black;
}

/* custom card */

.card-title-color{
color:#0ED16D;
}

.card-header_custom {
-webkit-box-shadow: 5px 5px 15px 5px #000000; 
box-shadow: 5px 5px 15px 5px #000000;
}

/*custom smith CSS*/
.embed-container { 
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 1280px; 
height: auto; 
} 

.embed-container iframe, .embed-container object, .embed-container embed { 
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
}

.wrapper {
  display: flex;
  align-items: stretch;
}

#sidebar.active {
  margin-left: -250px;
}

a[data-toggle="collapse"] {
  position: relative;
}


@media (max-width: 768px) {
  #sidebar {
      margin-left: -250px;
  }
  #sidebar.active {
      margin-left: 0;
  }

  
}

#sidebar {
  min-width: 250px;
  max-width: 250px;
  min-height: 100vh;
  transition: all 0.3s;
}

.imgboxTwo {
display: grid;
height: auto;
}
/*end custom smith CSS*/

/* q and a css*/
.q-and-a-container {
border: 3px solid #1C6EA4;
border-radius: 5px;
-webkit-box-shadow: 3px 3px 15px 5px #000000; 
box-shadow: 3px 3px 15px 5px #000000;
}

li.list-group-item-qa { background: white; }
li.list-group-item-qa:nth-child(odd) { background:rgba(197, 194, 194, 0.2)}
.half-rule { 
  text-align: left;
  width: 80%;
}

li.list-group-item-qa {
   font-size: 12px;
}

.question-weight{
  font-weight: 700;
}
.response-style{
  font-style: italic;
}
.btn-custom-toggle{
  box-shadow: none!important;
}

/* .btn-custom-toggle.active{
background-color:cyan!important;
color:#000000!important;
} */

.list-group-item.active {
background-color: #1F73A8 !important;
border-color: #1F73A8 !important;
}
/*end q and a css*/

.test-question{
font-weight: 900;
}

.more-bold{
 font-weight: 900;
}
.eg-italic{
font-style: italic;
}

.nopadding{
  padding: 0 !important;
}

.poster-body-custom-height{
  height: 172px;
}

/*
body {
font-family: 'News Cycle', sans-serif;
}

p {
font-family: 'News Cycle', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'News Cycle', sans-serif;
font-weight: 700;
}*/