.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: 12px;
  font-weight: 600;
  color:#344197;

}


/* .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: 304px;
    top: 121px;
  font-size: 16px;
}

.btnexhibitors{
  position: absolute;
  top: 93px;
  left: 918px;
}

.btnevents{
  position: absolute;
     font-size: 16px;
     left: 304px;
    top: 220px;
} 

.btnsponsors{
  position: absolute;
     font-size: 15px;
     left: 978px;
     top: 448px;
     transform: rotate3d(0, 1, 2, 2deg);
} 

.btnsocial{
  position: absolute;
  left: 604px;
  top: 129px;
  font-size: 16px;
}


.btnhelp{
  position: absolute;
  left: 357px;
  top: 383px;
  font-size: 16px;
}


.btncecert{
  position: absolute;
  left: 62px;
  top: 396px;
  font-size: 13px;
}

.btnpops{
  position: absolute;
  left: 162px;
  top:  313px;   
  font-size: 18px; 
  font-weight: 700;
}

.btnmystuff{
    position: absolute;
    left: 609px;
  top: 220px;
  font-size: 16px;
}

.btnmystuffc{
    position: absolute;
    left: 65px;
    top: 417px;    
}

.btnposters{
  position: absolute;
  left: 234px;
  top: 157px;
}

.btngame{
  position: absolute;
  left: 63px;
  top: 457px;
}

.btnvprogram{
  position: absolute;
  left: 613px;
  top: 208px;
  font-size: 16px;
}

.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: 787px;
  top: 119px;
  height: 42px;
  cursor: pointer;
}

.bsponsor{
  position: absolute;
  left: 73px;
  top: 119px;
  height: 42px;
  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;
 }
 /*
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;
}*/