/* body {
  overflow: hidden;
} */

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

.event-row{
    padding-bottom: 15px;
}

.fa{padding-right:5px;}

.btn-footer-custom{width:33%;}

.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;
  max-width: 100px;
}

/*link styles for nav and screens*/
.large-screen-links:hover{
  color:#000000;
  text-decoration: none;
}

.large-screen-links{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-weight: 500;
  color: #224C48;
}

.screen-links{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 18px;
  font-weight: 500;
  color: #224C48;
}

/*screen color white hover color c9d5da*/
.banner-links{
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  font-size: 13px;
  font-weight: 600;
  color: #224C48;
}


.banner-links:hover{
  color:#000000;
}

/*end link styles for nav and screens*/
.welcomeScroll{
  position: absolute;
  top: 28px;
  left: 492;
  width: 300px;
  text-align: center;
  height:75px;
}

.btnwelcome{
  font-size: 14px;
}

.btnexhibitors{
    position: absolute;
    top: 149px;
    left: 617px;
}

.btnevents{
    position: absolute;
    top: 144px;
    left: 382px;
}

.btnsocial{
    position: absolute;
    left: 794px;
    top: 89px;
}

.btnhelp{
  position: absolute;
  top: 354px;
  left: 534px;
}

.btncecert{
    position: absolute;
    left: 252px;
    top: 143px;
}

.btnmystyff{
    position: absolute;
    left: 236px;
    top: 89px;    
}

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

.btngame{
  position: absolute;
  left: 800px;
  top: 143px;
}

.btnlogoff{
  position: absolute;
  top: 550px;
  left: 800px;
}

.btnavatar{
  background: transparent; top:309; left:484; padding: 10px; position: absolute;
}

.btnlobby1{
  background: transparent; top:313; left:516; padding: 10px; position: absolute;
}

.btnlobby2{
  background: transparent; top:371; left:658; 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;
    min-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 {
  background-color: #004155;
  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;
  top: 34px;
  left: 30px;
  max-height: 90px;
  cursor: pointer;
  transform:skewX(4deg) rotateY(15deg); 
}
/*image on right side   transform: skewX(-4deg) rotateY(-10deg);*/
.bsponsor{
  position: absolute;
  top: 34px;
  left: 112px;
  max-height: 90px;
  cursor: pointer;
  transform:skewX(4deg) rotateY(15deg); 

}

.csponsor{
  position: absolute;
  top: 34px;
  left: 900px;
  max-height: 90px;
  cursor: pointer;
  transform:skewX(4deg) rotateY(15deg); 

}

.dsponsor{
  position: absolute;
  top: 34px;
  left: 979px;
  max-height: 90px;
  cursor: pointer;
  transform:skewX(4deg) rotateY(15deg); 

}

.esponsor{
  position: absolute;
  top: 144px;
  left: 516px;
  cursor: pointer;
  max-height: 65px;
}

.fsponsor{
  position: absolute;
  top: 330px;
  left: 628px;
  max-height: 25px;
}

/*div id games*/
.gsponsor{
  max-height: 117px;
  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;
}

.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: #224C48;
  border-color: #224C48;
}

/* custom card header */

.card-header_custom {
  -webkit-box-shadow: 5px 5px 15px 5px #000000; 
  box-shadow: 5px 5px 15px 5px #000000;
  }