.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;
/*     margin: auto; */
  }

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

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

.large-screen-links{
  font-family: 'News Cycle', sans-serif;
  font-weight: 700;
  color:#000;
}

.scrolling-large-screen-links:hover{
  color:#8C4B9D;
  text-decoration: none;
}

.scrolling-large-screen-links{
  font-family: 'News Cycle', sans-serif;
  font-weight: 700;
  color:#000000;
}

.screen-links{
  font-family: 'News Cycle', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
}

/*screen color white hover color c9d5da*/
.banner-links{
  font-family: 'News Cycle', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color:#000000;
}


.banner-links:hover{
  color:#8C4B9D;
  text-decoration: none;
}

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

.btnwelcome{
  position: absolute;
  top: 36px;
  left: 54px;
  font-size: 22px;
}

.btnexhibitors{
    position: absolute;
    top: 273px;
    left: 776px;
    transform: rotate(-3.3deg);
}

.btnevents{
    position: absolute;
    top: 292px;
    left: 513px;
    transform: rotate(-1.5deg);
}

.btneventsb{
    position: absolute;
    top: 292px;
    left: 247px;
}

.btnsocial{
    position: absolute;
    left: 44px;
    top: 246px;
}

.btndaily{
    position: absolute;
    left: 32px;
    top: 146px;
}

.btnmystuff{
    position: absolute;
    left: 75px;
    top: 430px;
}

.btnhelp{
  position: absolute;
  top: 410px;
  left: 931px;
   transform: rotate(2deg);
}

.btncecert{
    position: absolute;
    left: 75px;
    top: 457px;
}

.btnmystuffc{
    position: absolute;
    left: 240px;
    top:  420px;
    transform: rotate(-2deg);
}

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

.btngame{
  position: absolute;
  left: 465px;
  top: 69px;
}

.btnspirit{
  position: absolute;
  left: 647px;
  top: 416px;
}

.btnlogoff{
  position: absolute;
  top: 517px;
  left: 880px;
}

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

.btnlobby5{
  background: transparent; top:443; left:504; 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{
    height: 200px !important;
}

.img-thumbnail-small{
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  height: auto;
}

.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: 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;
  top: 189px;
  left: 91px;
  max-height: 100px;
  cursor: pointer;
}

.bsponsor{
  position: absolute;
  top: 189px;
  left: 935px;
  max-height: 100px;
  cursor: pointer;
}

.csponsor{
  position: absolute;
  top: 290px;
  left: 91px;
  max-height: 100px;
  cursor: pointer;
}

.dsponsor{
  position: absolute;
  top: 290px;
  left: 935px;
  max-height: 100px;
  cursor: pointer;
}

.esponsor{
  cursor: pointer;
}

/*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: #8C4B9D;
  border-color: #8C4B9D;
}

.btn-custom:hover{
  color: #9c8530;
}

/*custom button overrides*/
.btn-outline-primary {
  color: #1F73A8;
  border-color: #1F73A8;
}

.btn-outline-primary:hover {
  color: #fff;
  background-color:  #9c8530;
  border-color: #9c8530;
  
}

/* 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*/

.nopadding {
  padding: 0 !important;
  margin: 0 !important;
}

/* 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;
 }

 .list-group-item.active {
  background-color: #1F73A8 !important;
  border-color: #1F73A8 !important;
 }
 
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;
}

/*video custom stuff*/
.showVideo{
  display:block;
}
.hideVideo{
  display:none;
}
/* falcon Customization css style */
.theo-primary-color,
.vjs-selected {
    color: #108f88 !important;
}

.theo-primary-background {
    color: #000000 !important;
    background-color: #62da42 !important;
}
/*end video custom stuff*/