/** Defaults + Resets */
.agendaLayout .div-track-list>div {
    margin-right: 0px !important;
}

.agendaLayout .div-track-list [class*="col-"] {
    margin: 0;
    padding: 0;
}

.agendaLayout .div-track-list>[class*="col-"],.agendaLayout .div-track-list .div-col-group>[class*="col-"] {
    margin-bottom: .8rem;
}

.agendaLayout .div-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


.agendaLayout .div-inner {
   padding: 15px 15px !important;
}

@media (min-width: 768px) {
.agendaLayout .div-inner .agenda-right {
   padding-left: 2rem !important;
}

.agendaLayout .div-col-talk .agenda-left {
   padding-left: 15px !important;
}
}

.agendaLayout .div-col-talk .div-inner,
 .agendaLayout .div-col-panel .div-inner,
 .agendaLayout .div-col-workshop .div-inner {
    box-shadow: 0 1px 15px rgb(0 0 0 / 18%) !important;
}

.agendaLayout .div-inner .agenda-header {
}


.agendaLayout .div-inner .agenda-title {
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
}

.agendaLayout .div-inner .agenda-timing {
    text-align: right;
}

.agendaLayout .div-inner .agenda-speaker-media {
   padding: 15px 0px 15px 0px;
}

.agendaLayout .div-inner .agenda-speaker-media img {
    object-fit: cover; 
}

.agendaLayout .div-track-list * {
    font-size: 1.2rem;
    line-height: 1.2;
}

.agendaLayout .agenda-groupheader-moderation,
  .agendaLayout .agenda-groupheader-moderation * {
    font-size: 0.875rem !important;
}

.agendaLayout .div-track-list .agenda-title, .agendaLayout .div-track-list .agenda-title * {
    font-size: 1.5rem;
}

.agendaLayout .div-col-break .agenda-title, .main2021Box .div-col-nonespeaker .agenda-title {
    font-size: 1.2rem;
    padding-bottom: 0;
    border: none;
}

.agendaLayout .div-inner .agenda-ctype {
    font-weight: 500;
}

.agendaLayout .div-inner .agenda-teaser {
}

/** AgendaBox Speaker SingleView 2021 **/

.agendaLayout .agenda-floating-media {
  padding: .8rem;
  border: 1px solid #ccc;
}

.agendaLayout .agenda-speaker-promobox {
  padding-left: 15px;
}



/** AgendaBox Styles 2017 **/

#agendaBox .hero-unit.speakersbox,
 #agendaBox .jumbotron.speakersbox,
 #agendaBox .speakersbox {
	min-height: 200px;
	height: 200px;
	padding: 30px 30px;
	background-color: #efefef;
}

#agendaBox .panel-title {
	display: block;
}

#agendaBox .panel-title.lvl-1 {
	text-transform: uppercase;
	display: block;
}

#agendaBox .speakerName {
	display: block;
}

#agendaBox .speakerhead {
	text-decoration: underline;
}



#agendaBox table.layout1 div.tab-content div.tab-pane {
	height: auto;
}


#agendaBox .panel {
	padding: 0px 0px;
}


#agendaBox table.layout1 .nav {
	margin-bottom: 20px;
}

#agendaBox table.layout1 .nav.nav-pills,
 #agendaBox .nav.nav-pills li,
  #agendaBox .nav.nav-pills li a {
	margin-bottom: 0px !important;
}

#agendaBox table.layout1 .tab-pane {
	background-color: #00427a;
	color: #fff;
    border: 1px solid rgba(0,0,0,.125);
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

#agendaBox table.layout1 .tab-pane a { color: #fff; }

#agendaBox .nav-pills .nav-link {
    color: #fff;
    border-radius: 0rem;
}

#agendaBox .nav-pills .nav-link {
    background-color: #595b5d;
}

#agendaBox .nav-pills .nav-link.active {
    background-color: #00427a;
}

#agendaBox ul.nav-pills ~ div.tab-content {
    border: none;
}


#agendaBox ul {
   list-style-type: none;
}

#agendaBox ul.bulletsList {
    margin-left: 20px !important;
    margin-bottom: 15px !important;
    list-style-type: square;
}

#agendaBox ul.teaser-speaker li {
   float: left;
   margin-left: 0px;
}

#agendaBox .tab-heading {
	padding: 10px 0px;
}

#agendaBox .panel {
    position: relative;
}

#agendaBox .panel-type-keynote h3 {
	font-weight: none;
}

#agendaBox td.session .panel {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

#agendaBox td.session .panel > .panel-heading {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

#agendaBox td.session-col-timing {
	width: 10%;
}

#agendaBox td.session-col-0,
 #agendaBox td.session-col-1 {
	width: 90%;
}

#agendaBox td.session-col-2 {
	width: 45%;
}

#agendaBox td.session-col-3 {
	width: 30%;
}

#agendaBox td.session-col-4 {
	width: 22.5%;
}

#agendaBox td.session-colitem-12 {
	width: 60%;
}

/** Table Styles **/

#agendaBox .table .panel {
	margin-bottom: 2rem;
}

#agendaBox td .panel-type-group > .panel-body {
	padding: 0px 0px;
	margin: 0px 0px;
}

#agendaBox td .panel-body ul,
 #agendaBox td .panel-body li {
	padding: 0px 0px;
	margin: 0px 0px;
}

#agendaBox td .panel-body li div {
	padding-right: 0px;
	padding-left: 0px;
}

#agendaBox .table .td-first {
	width: 100px;
}

#agendaBox .sessiontags {
	position: absolute;
	bottom: 5px;
	right: 20px;
}

#agendaBox .sessiontags li {
	float: left;
	font-size: inherit;
}

#agendaBox .sessiontags li::before {
	content: "\00a0|\00a0"
}

#agendaBox .sessiontags li:first-child::before {
	content: ""
}





/** Slider Definition **/
#agendaSlider-wrap{position: relative; margin: 0 auto; overflow: hidden; width: 100%; position: relative;}
#agendaSlider{list-style:none; margin-bottom: 0px; position: relative;}
#agendaSlider li{float: left; margin: 0 20px 0px 0 !important;}
#agendaSlider li a img{}

#agendaSlider .carousel-controls{margin: 0 auto; width: 100%;list-style:none;}
#agendaSlider .carousel-controls span {position:absolute;bottom:20px;font-size:40px;}

#agendaSlider .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right {
	top: -20%;
}


#agendaSlider li.withtextoverlay {
	overflow: hidden;
	position: relative;
}


#agendaSlider li.withtextoverlay div.caption {
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 35%;
  padding: 10px 10px;
  overflow: hidden;
  background: #333333;
  background: rgba(0, 0, 0, 0.75);
  font-size: 0.9em;
}

#agendaSlider li.withtextoverlay div.caption span {
	display: block;
	margin: 0x;
	padding: 0x;
	width: 100%;
	color: #fff;
}

#agendaSlider li.withtextoverlay div.caption span.company {
  display: block;
  height: 18px;
  overflow: hidden;
}


#agendaSlider li:hover {
    opacity: 0.5;
    transition: all 0.3s ease;
    position: relative;
}


/** SOCIAL SHARING BUTTONS **/

#agendaBox .socialsharing {
    position: relative;
}

#agendaBox .socialsharing ul {
    margin: 0;
    padding: 5px;
}

#agendaBox .socialsharing ul li {
    margin: 5px;
    list-style: none outside none;
    display: inline-block;
}

#agendaBox .socialsharing i {
    width: 40px;
    height: 40px;
    color: #FFF;
    background-color: #909AA0;
    font-size: 22px;
    text-align:center;
    padding-top: 12px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

#agendaBox .socialsharing i:hover {
    color: #FFF;
    text-decoration: none;
    transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
}

#agendaBox .socialsharing .fa-facebook:hover { /* round facebook icon*/
    background: #4060A5;
}

#agendaBox .socialsharing .fa-twitter:hover { /* round twitter icon*/
    background: #00ABE3;
}

#agendaBox .socialsharing .fa-google-plus:hover { /* round google plus icon*/
    background: #e64522;
}

#agendaBox .socialsharing .fa-github:hover { /* round github icon*/
    background: #343434;
}

#agendaBox .socialsharing .fa-pinterest:hover { /* round pinterest icon*/
    background: #cb2027;
}

#agendaBox .socialsharing .fa-linkedin:hover { /* round linkedin icon*/
    background: #0094BC;
}

#agendaBox .socialsharing .fa-flickr:hover { /* round flickr icon*/
    background: #FF57AE;
}

#agendaBox .socialsharing .fa-instagram:hover { /* round instagram icon*/
    background: #375989;
}

#agendaBox .socialsharing .fa-vimeo-square:hover { /* round vimeo square icon*/
    background: #83DAEB;
}

#agendaBox .socialsharing .fa-stack-overflow:hover { /* round stack overflow icon*/
    background: #FEA501;
}

#agendaBox .socialsharing .fa-dropbox:hover { /* round dropbox icon*/
    background: #017FE5;
}

#agendaBox .socialsharing .fa-tumblr:hover { /* round tumblr icon*/
    background: #3a5876;
}

#agendaBox .socialsharing .fa-dribbble:hover { /* round dribble icon*/
    background: #F46899;
}

#agendaBox .socialsharing .fa-skype:hover { /* round skype icon*/
    background: #00C6FF;
}

#agendaBox .socialsharing .fa-stack-exchange:hover { /* round stack exchange icon*/
    background: #4D86C9;
}

#agendaBox .socialsharing .fa-youtube:hover { /* round youtube icon*/
    background: #FF1F25;
}

#agendaBox .socialsharing .fa-xing:hover { /* round xing icon*/
    background: #005C5E;
}

#agendaBox .socialsharing .fa-rss:hover { /* round rss icon*/
    background: #e88845;
}

#agendaBox .socialsharing .fa-foursquare:hover { /* round foursquare icon*/
    background: #09B9E0;
}

#agendaBox .socialsharing .fa-youtube-play:hover { /* round youtube play button icon*/
    background: #DF192A;
}

#agendaBox ul.layout-agendaTeaserBox li, .schedule ol li {
	margin-left: 20px;
	margin-bottom: 3px;
}

#agendaBox ul.layout-agendaTeaserBox li {
	list-style: square;
}

/*
| 3.2. HOME PAGE SECTION: SPEAKERS CAROUSEL
|
| Some of the styles are not only for home page elements, but all
| are only for the speakers.
| _________________________________________________________________ */
#agendaBox  .speaker {
    margin-bottom: 40px;
}

#agendaBox .speaker.item {
    margin: 0;
}

#agendaBox .speaker span.name {
    font-size: 18px;
    line-height: 1em;
    margin: 5px 5px;
}

#agendaBox .speaker span.company {
    line-height: 1em;
    margin: 5px 5px;
    height: auto;
}

#agendaBox .speaker.featured:hover .speaker-name {
    color: #BC9F60;
}

#agendaBox .speaker.featured .speaker-name {
    color: #BC9F60;
}

#agendaBox .speaker.featured .read-more-link {
    color: #000;
}

#agendaBox .speaker .read-more-link {
    color: #BC9F60;
    display: none;
    height: 22px;
}

#agendaBox .speaker:hover .read-more-link {
    display: block;
    font-weight: bold;
    font-size: 14px;
    margin-left:5px;
}

#agendaBox .speaker:hover .speaker-about {
    display: none;
}

#agendaBox .speaker .read-more-link .readmore-icon {
    color: #BC9F60;
    font-size: 11px;
}

#agendaBox .speaker.featured .read-more-link .readmore-icon {
    color: #000;
}

#agendaBox .speaker .speaker-image {
    transition: all 0.3s ease;
    display: block;
    width: 100%;
    height: auto;
    position: relative;
}

#agendaBox .speaker .speaker-image:hover {
    opacity: 0.5;
    transition: all 0.3s ease;
    position: relative;
}

#agendaBox .speaker .speaker-about {
    font-size: 13px;
    margin-left:5px;
}

#agendaBox .speaker .exhibitor-info .content i {
    margin-right: 10px;
}

.richspeakerBox #agendaBox div.speaker.media { }

#agendaBox .table-instyle-itemlist .speaker {
    margin-bottom: 180px;
}

@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {

	/* Force table to not be like tables anymore */
	#agendaBox table, #agendaBox thead, #agendaBox tbody, #agendaBox th, #agendaBox td, #agendaBox tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	#agendaBox thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	#agendaBox tr { border: 1px solid #ccc; }
	
	#agendaBox td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		width: auto !important;
	}
	
	#agendaBox td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}


	
}

/* show 3 items */
@media (min-width: 768px) {
  .items-colwidth-4 .carousel-inner .active,
  .items-colwidth-4 .carousel-inner .active + .carousel-item,
  .items-colwidth-4 .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .items-colwidth-4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .items-colwidth-4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .items-colwidth-4 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  .items-colwidth-4 .carousel-inner .carousel-item-next,
  .items-colwidth-4 .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .items-colwidth-4 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .items-colwidth-4 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .items-colwidth-4 .carousel-item-next.carousel-item-left + .carousel-item,
  .items-colwidth-4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .items-colwidth-4 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .items-colwidth-4 .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .items-colwidth-4 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .items-colwidth-4 .carousel-item-prev.carousel-item-right + .carousel-item,
  .items-colwidth-4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .items-colwidth-4 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}


/* show 4 items */
@media (min-width: 768px) {
  .items-colwidth-3 .carousel-inner .active,
  .items-colwidth-3 .carousel-inner .active + .carousel-item,
  .items-colwidth-3 .carousel-inner .active + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-inner .active + .carousel-item + .carousel-item + .carousel-item {
    display: block;
  }

  .items-colwidth-3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .items-colwidth-3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .items-colwidth-3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item + .carousel-item {
    transition: none;
  }

  .items-colwidth-3 .carousel-inner .carousel-item-next,
  .items-colwidth-3 .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .items-colwidth-3 .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .items-colwidth-3 .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .items-colwidth-3 .carousel-item-next.carousel-item-left + .carousel-item,
  .items-colwidth-3 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .items-colwidth-3 .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .items-colwidth-3 .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .items-colwidth-3 .carousel-item-prev.carousel-item-right + .carousel-item,
  .items-colwidth-3 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item,
  .items-colwidth-3 .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}