/**Background Color**/
body {
  background-color: #fff;
}
/**Header Styles**/
#header {
  padding: 10px;
  background-color: #fff;
}
#confTitles {
  color: #123f64;
  margin-top: -8px;
}
/**Footer Styles**/
#footer-wrapper {
  background-color: #f1f5f7;
  color: #374e5a;
}

/**Reg Styles for Leerink to fit conf title on one line**/
#reg-container{
	max-width:none !important;
}

#reg-area{
	max-width:425px;
	margin:auto;
}

/*#header img{
  width:100%;
}*/

/**
  Hi Team,
  Is there a way we can make the lobby and webcasting page more visually appealing? 
**/
#wrapper {
  font-family: 'DM Sans', sans-serif;
}

.confTitles {
  color: #004b6c;
  font-family: 'DM Serif Display', serif;
}

.confTitles h1 {
  margin: 0 0 10px;
}

.confTitles h3 {
  margin: 10px 0;
}

#header {
  max-width: 1320px;
  margin: 0 auto;
}

#tZoneChanger li div {
  background-color: #0395db;
  color: #fff;
  transition: all ease-in-out 0.2s;
  text-decoration: underline;
}

#tZoneChanger li div:hover {
  background-color: #fff;
  text-decoration: none;
}

#tables, #wswSortTable, #tabs li div.selected {
  border: 0;
  background-color: transparent;
}

#tables {
  margin-top: 10px;
  color: #374e5a;
  width: 1000px !important;
}

#tables .tzh, #tables .time, #tables table th {
  color: #374e5a;
}

#tables table td > a {
  color: #0095db;
  transition: all ease-in-out 0.2s;
}

#tables table td > a:hover, #tables table td > a:focus {
  color: #0074ab;
}

#tables table td:first-child {
  text-align: right;
}

#wswContent {
  max-width: 1000px;
  margin: 0 auto;
}

#container {
  padding-bottom: 40px;
}

ul#tabs {
  width: 100%;
  /* display: none; */
  margin-top:100px;
}

ul#tabs li {
  width: 20% !important;
  color: #0395db;
}

#tabs li div {
  border: 1px solid #ceced2 !important;
}

#tabs li:first-child div {
  border-right: 0 !important;
}

#tabs li div.selected, #tabs li div.selected:hover, #tabs li div.selected:focus {
  background-color: #0395db;
  color: #fff;
}

.header {
  width: 1000px;
  background-color: #e5f4fb;
  margin: 30px auto 20px;
  padding: 25px;
  text-align: center;
}

.heading {
  color: #64777e;
  font-size: 20px;
  font-weight: normal;
  margin: 0;
}

.short_welcome {
  margin: 10px 0;
  font-size: 16px;
  color: #64777e;
}