/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/

/* START <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/App@Extend.css[1:99]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab
*/
/* ********************* UI Notifier ********************* */


div.appstruct-ui-notifier {
  position: fixed;
  left: 30%;
  top: 0;
  right: 30%;
  margin: 0 auto;
  text-align: center;
  z-index: 2000; /* In excess of Bootstrap modal backdrop */
  display: none;
}
div.appstruct-ui-notifier > div {
  padding: 5px;
  display: inline-block;
  background: #fff1a8;
  color: #000000;
  opacity: 0;
  /* IE */
  filter: alpha(opacity = 0);
}



/*********************************************************************************************************************/ 
/* Extensions and overrides to bootstrap css */

html,body{
    height: 100%
}

.highlight {background-color: #FFFBCC;}

.alert.alert-xs {padding: 2px; }
.inline-auto {display: inline-block; width: auto;}
.inline-top {display: inline-block; vertical-align: top; margin-top: 0; margin-bottom: 0; }
.inline-middle {display: inline-block; vertical-align: middle; margin-top: 0; margin-bottom: 0; }
.inline-bottom {display: inline-block; vertical-align: bottom; margin-top: 0; margin-bottom: 0; }
.margin-right-15 {margin-right: 15px;}

.btn.btn-slim {padding-top: 2px; padding-bottom: 2px;}

.form-control {
  color: #000;
}


.panel.panel-clear {
  background-color: transparent;
}

.panel.panel-groove {
  border: 2px groove white;
}

.panel.panel-xs > .panel-heading{
  padding: 3px 15px;
}
.panel.panel-xs > .panel-footer{
  padding: 3px 15px;
}


/*********************************************************************************************************************/ 
/* cool-box style */


div.cool-box{
  border: 1px solid #d2d2d2;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#eee;
  padding:3px;
  width:auto;
  margin-bottom:20px;
}
div.cool-box > div {
  height:100%;
  padding: 10px;
}

div.cool-box-grey > div {
  background: #f4f4f4; /* Old browsers */
  background: -moz-linear-gradient(top,  #f4f4f4 0%, #f4f4f4 12%, #f5f5f5 25%, #f6f6f6 33%, #f7f7f7 41%, #f8f8f8 49%, #f9f9f9 58%, #fafafa 69%, #fcfcfc 83%, #fefefe 94%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f4f4f4), color-stop(12%,#f4f4f4), color-stop(25%,#f5f5f5), color-stop(33%,#f6f6f6), color-stop(41%,#f7f7f7), color-stop(49%,#f8f8f8), color-stop(58%,#f9f9f9), color-stop(69%,#fafafa), color-stop(83%,#fcfcfc), color-stop(94%,#fefefe)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* IE10+ */
  background: linear-gradient(to bottom,  #f4f4f4 0%,#f4f4f4 12%,#f5f5f5 25%,#f6f6f6 33%,#f7f7f7 41%,#f8f8f8 49%,#f9f9f9 58%,#fafafa 69%,#fcfcfc 83%,#fefefe 94%); /* W3C */

}



/* END <Chunk Web/Main/App @Extend .css from ./Opt/AppStruct/Web/App@Extend.css[1:99]> AT DEPTH 0 */
/* START <Chunk Web/Main/App @Extend .css from ./Opt/ACRM/Web/App@Extend.css[1:831]> AT DEPTH 0 */
/*
vim:fileencoding=utf-8:ts=2:sw=2:expandtab

**@ ImportGoogleFonts:
**@   "Exo 2": [400, 700]
**@   "Montserrat": [400,700]
**@   "PT Sans": [400, 700]
**@
 */


html, body{
  height: 100%;
  margin: 0;
  font-family: 'Montserrat';
}


#Content.centerbox{
  margin: 10pt auto;
  width: 600px;
}

@media (max-width: 550px){
  #Content.centerbox{
    width: 100%;
  }
}


/* Small Devices, Tablets */
@media only screen and (min-width : 768px){
  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 700px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 750px;
  }

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px){
  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 800px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 970px;
  }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px){

  /* Fixed width */
  .modal-dialog.modal-xl {
    width: 800px;
  }

  /* same as container */
  .modal-dialog.modal-max {
    width: 1170px;
  }

}




/* 
Flexbox is used here to create a sticky footer.
This allows us to avoid a fixed height footer.
*/

#bodydiv{
	display: flex;
	flex-direction: column;
	min-height: 100%;
}

.selected > a {
  font-weight: bold;
}

table.table.table-smaller {
  font-size: 80%;
}

table.table.table-larger {
  font-size: 125%;
}

table.no-margin{
	margin-bottom: 0;
}

a code {
  color: blue;
}

div.body-wrapper{
	flex: 1 0 auto;
}

#Footer{
	flex-shrink: 0;
  background-color: #222;
  color: #fff;
}

#Footer .copyright{
	padding: 15px 0;
}

/* Use for IDs, don't like red look */
code {
  color: black;
}

.inline-middle{
  display: inline-block;
  vertical-align: middle;
  margin-top: 0;
  margin-bottom: 0;
}

.inline-bottom{
  display: inline-block;
  vertical-align: bottom;
  margin-top: 0;
  margin-bottom: 0;
}

.btn.btn-slim {
  padding-bottom: 2px;
  padding-top: 2px;
}

div.header-bar{
  background-color: white;
  padding: 15px 0;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
  display: none;
}

div.header-bar h1{
  margin: 0;
  font-size: 20pt;
}

a{
  color: #3097d1;
  text-decoration: none;
}
a:hover,
a:focus{
  color: #216a94;
  text-decoration: underline;
}
a:focus{
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

/*************************************************************************************************/
/* Nav3 Styles */

#Nav3{
  margin-top: -20px;
  font-family: 'PT Sans';
  margin-bottom: 20px;
}

#Nav3 .tabpage-tab-background{
  background-color: #33475b;
}

#Nav3 .tabpage-title{
  font-size: 13pt;
  margin: 10px 0;
  color: white;
  display: inline-block;
  font-weight: normal;
}

#Nav3 .tabpage-tabs{
  padding-left: 0px;
  font-size: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
  display: inline-block;
}

#Nav3 .tabpage-tabs li{
  list-style-type: none;
  font-size: 11pt;
  display: inline-block;
  background-color: rgb(231, 234, 234);
  padding: 8px;
  margin: 0px 2px;
  box-shadow: inset 0 -6px 9px -7px rgba(0, 0, 0, 0.5);
}

#Nav3 .tabpage-tabs li.selected{
  background-color: white;
  box-shadow: none;
  font-weight: bold;
}

#Nav3 .tabpage-tabs li.selected a{
  color: #3097D1;
}

#Nav3 .tabpage-tabs li a{
  color: #000;
  text-decoration: none;
}

#Nav3 .tabpage-tabs li span{
  color: #999;
  text-decoration: none;
}

#Nav3_Buttons{
  font-size: 0;
  margin-bottom: 6px;
}

#Nav3_Buttons a{
  margin-left: 3px;
}

#Nav3_Buttons div.btn-group{
  margin-left: 3px;
}

#Nav3_Buttons .dropdown-toggle span.caret{
  display: none;
}

#Nav3_HTML{
  font-size: 0;
  margin-bottom: 6px;
}

/*************************************************************************************************/
/* Navbar Styles */

#Primary{
  border-radius: 0;
  border: none;
}

#Primary .page-title{
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  color: #fff;
  font-size: 14pt;
  padding: 10px 0;
  line-height: 30px;
  -webkit-font-smoothing: antialiased;
}

@media (max-width: 767px){
  #Primary .page-title{
    display: none;
  }
}

/* Hide navbar-brand by default */
#Primary .navbar-brand{
  display: none;
  padding: 0 15px;
}

#Primary .navbar-brand img{
  height: 100%;
  width: auto;
  padding: 5px 0;
  display: inline-block;
}

#Primary .navbar-inverse{
  border-color: transparent;
}

#Primary .navbar-inverse .navbar-nav > li > a{
  color: #fff;
}

#Primary .navbar-inverse .navbar-nav > .open > a,
#Primary .navbar-inverse .navbar-nav > .open > a:focus,
#Primary .navbar-inverse .navbar-nav > .open > a:hover{
  background-color: transparent;
}

#Primary nav .dropdown-menu{
  min-width: 260px;
}

/* Background color on menu items */
#Primary .navbar .navbar-nav li a{
  background-color: #444;
}

#Primary .navbar .navbar-nav li a:hover{
  background-color: rgba(68, 68, 68, 0.4);
}

@media (min-width: 768px){
  #Primary .navbar-nav > li > a{
    padding: 10px;
    margin-top: 5px;
    margin-right: 3px;
  }
  #Primary .navbar-nav.navbar-right > li:last-child > a{
    margin-right: 0;
  }
}

#Primary .navbar .navbar-nav li.dropdown ul li a,
#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a,
#Primary .navbar .navbar-nav li.dropdown.username ul li a{
  background-color: transparent;
}

#Primary .navbar .navbar-nav li.dropdown ul li a:hover,
#Primary .navbar .navbar-nav li.dropdown.username ul li a:hover{
  background-color: #f5f5f5;
}

#Primary .navbar .navbar-nav li.nav-adminicon .popover .popover-content a:hover{
  background-color: transparent;
}

/* Images in the menu bar */
#Primary .nav > li > a > img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  width: 30px;
  height: 30px;
  object-fit: cover;
}

#Primary .navbar-right > .username > a > img{
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  margin: 0;
}

#Primary .navbar-right > .username > a > span > br{
  display: none;
}

#Primary .navbar-nav > li > a > span,
#Primary .navbar-right > .username > a > span{
  vertical-align: middle;
  display: inline-block;
}

#Primary .navbar-right > .username > a > span{
  margin: 0px 0px 0px 10px;
}

#Primary ul.dropdown-menu{
  overflow: auto;
}

#Primary .dropdown-menu > li > span{
  padding: 3px 20px;
  display: inline-block;
}

#Primary ul.dropdown-menu li.disabled a h4,
#Primary ul.dropdown-menu li.disabled a p {
  color: #A1A1A1;
}

#Primary ul.dropdown-menu li.disabled a[href] {
  cursor: pointer;
}

#Primary ul.dropdown-menu p{
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-break: break-word;
  min-width: 300px;
}

#Primary .username .dropdown-menu-limit-height li:last-child{
  border-top: 1px solid #ddd;
}

@media (max-width: 767px){
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
  #Primary .navbar-inverse .navbar-nav .open .dropdown-menu > li > span{
    color: white;
  }
  #Primary .dropdown-menu > li > span{
    padding: 5px 15px 5px 25px;
  }
  #Primary .username .dropdown-menu-limit-height li:last-child{
    border-top: none;
  }
}

/* sm and xs - also where bootstrap converts the menu to a compact size */
@media (max-width: 767px){
  
  /* Display the navbar branding */
  #Primary .navbar-brand{
    display: block;
  }
  
}


/*************************************************************************************************/
/* User Tools */

#Primary .navbar-right > .user-tools > ul{
  padding-left: 0;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon{
  list-style-type: none;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
  color: #fff;
  text-decoration: none;
  border: 0;
  outline: none;
  padding: 15px;
  display: block;
}

@media (min-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a{
    padding: 10px;
    margin: 5px 3px;
  }
}

@media (max-width: 768px){
  #Primary .navbar-right > .user-tools > ul > .nav-adminicon > a i{
    width: 20px;
    text-align: center;
    margin-right: 5px;
  }
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span{
  display: inline-block;
  vertical-align: middle;
}

#Primary .navbar-right > .user-tools > ul > .nav-adminicon > a > span > br{
  display: none;
}

/*************************************************************************************************/
/* Admin Tools Dropdown */

#Primary li.admin-tools > ul.dropdown-menu{
  min-width: 900px !important; 
  padding: 15px; 
  border-radius: 4px;
	background-image: none;
	background-color: white;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading{
  padding: 8px 14px; 
  margin: -15px -15px 15px -15px; 
  background-color: #f7f7f7; 
  border: 1px solid #ebebeb; 
  border-radius: 5px 5px 0 0;
}

@media (max-width: 767px){
	#Primary li.admin-tools > ul.dropdown-menu,
	#Primary li.admin-tools > ul.dropdown-menu > li.heading{
	  border-radius: 0;
	}
}

#Primary li.admin-tools > ul.dropdown-menu > li{
	background-image: none;
	background-color: transparent;
	font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4,
#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a{
  margin: 0;
  font-weight: normal;
  font-size: 12pt;
	font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a{
  text-decoration: none;
  color: #00e; 
}

#Primary li.admin-tools > ul.dropdown-menu > li.heading h4 > a:hover{
  text-decoration: underline;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links{
  text-align: center; 
  border-bottom: 1px solid #ccc; 
  padding: 5px 0;
  margin-bottom: 10px;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links > a{
  text-decoration: none;
  color: #00c;
  font-size: 12pt;
	font-weight: normal;
  font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-quick-links > a:hover{
  text-decoration: underline;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl{
  display: inline-block;
  vertical-align: top;
  width: 210px;
  font-size: 12pt;
  font-family: verdana, sans-serif;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dt{
  font-size: 125%;
  
  /* Re-overrider */
  font-size: 12pt;
  font-family: verdana, sans-serif;
  line-height: 1;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dd > a{
  text-decoration: none;
  color: #00c;
  
  /* Re-overrider */
  font-size: 12pt;
	font-weight: normal;
  font-family: verdana, sans-serif;
  display: inline;
  padding: 0;
  line-height: 1;
}

#Primary li.admin-tools > ul.dropdown-menu > li > div.admin-tools-menus > dl > dd > a:hover{
  text-decoration: underline;
  color: #00c;
  
  /* Re-overrider */
  font-size: 12pt;
  font-family: verdana, sans-serif;
  display: inline;
  padding: 0;
	background-color: transparent;
}

@media (max-width: 992px){
  #Primary li.admin-tools > ul.dropdown-menu{
    min-width: 768px !important; 
  }
}

@media (min-width: 768px){
}

@media (max-width: 767px){
  #Primary li.admin-tools > ul.dropdown-menu{
    min-width: 100% !important; 
  }
}

#Primary div.admin-tools-content {
  display: flex;
  flex-wrap: wrap;
  margin: -10pt;
  justify-content: space-between;
}

#Primary div.admin-tools-content > dl {
  margin: 10pt;
}


/*************************************************************************************************/
/* Nav Section on Account Screens */

#nav-section{
  margin: 0 0 15px 0;
  font-family: 'Exo 2';
  text-align: center;
  padding: 5pt;
  background-color: #f5f5f5;
  border: 1px solid #aaa;
  border-radius: 10pt;
	position: relative;
}

#nav-section > div{
	position: absolute;
	right: 5pt;
}

#nav-section h1{
  font-weight: normal;
	font-size: 36pt;
	letter-spacing: 3pt;
	margin-top: 5px;
}

#nav-section h1 > span{
  display: block;
  font-size: 20pt;
}

#nav-section nav.navbar{
	margin: 10px 0;
  background-color: transparent;
  border: none;
	min-height: auto;
}

#nav-section .navbar-nav{
	float: none;
	display: inline-block;
	vertical-align: middle;
}

#nav-section .navbar-brand{
	display: none;
}

#nav-section .navbar .navbar-nav li a{
  color: #3097d1;
  font-family: 'Exo 2';
  padding: 2pt 5pt;
  font-weight: normal;
  letter-spacing: 1pt;
  font-size: 13pt;
	background-color: transparent;
	margin: 0;
}

#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
	padding: 3px 20px;
}

#nav-section .navbar .navbar-nav li a:hover,
#nav-section .navbar .navbar-nav li a:focus{
	background-color: transparent;
}

#nav-section .navbar .navbar-nav li a.selected{
  background-color: #ffff78;
	border-radius: 5px;
	font-weight: bold;
}

@media (max-width: 767px){
	#nav-section h1 > span{
		display: none;
	}
	#nav-section .navbar-brand{
		display: block;
		padding: 15px 15px;
	}
	#nav-section nav.navbar{
		margin: 0;
		border-top: 1px solid #e7e7e7;
	}
	#nav-section .navbar-collapse{
		text-align: left;
	}
	#nav-section .navbar .navbar-nav li a{
		padding: 10px 15px;
	}
	#nav-section .navbar .navbar-nav li a.selected{
		background-color: transparent;
		border-radius: 0;
		font-weight: normal;
	}
	/* Reset to default padding */ 
	#nav-section .navbar .navbar-nav li .dropdown-menu > li > a{
		padding: 5px 15px 5px 25px;
	}
}

/*************************************************************************************************/
/* Theme Styles */


.alerts .alert code {
  color: black;
}


/*********************************************************************************************************************/ 
/* Sortable UI */
body.dragging, body.dragging * {
  cursor: move !important;
}

.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
  width: 200px;
}

/* Sort handle */
.sortable-handle {
  cursor: move;
  /* cursor: grab; */
}

/*********************************************************************************************************************/ 
/* File Viewer */
img.ShowFileViewer {
  cursor: pointer;
}

/*********************************************************************************************************************/ 
/* flex container */
.acrm-flex-container {
  display: flex;
  justify-content: space-evenly; /* flex-start | flex-end | center | space-between | space-around */
}

.acrm-flex-item {
  padding: 0.5em;
  /*flex-grow: 1;  */
  flex: 1 1 auto;
}
.acrm-flex-item-4column {
  flex-basis: 20%;
}

.acrm-flex-item-3column {
  flex-basis: 30%;
}


.acrm-flex-item-50split {
  flex-basis: 45%;
}


.acrm-flex-item:not(:last-child) {
  margin-right: 0.5em;
}


/* Medium screens */
@media all and (max-width: 800px) {
  .acrm-flex-container {
    /* When on medium sized screens, we center it by evenly distributing empty space around items */
    /* justify-content: space-around; */
    /* On medium screens, we are no longer using row direction but column */
    flex-direction: column;
  }
  .acrm-flex-item:not(:last-child) {
    margin-right: 0;
  }
}

/* Small screens */
@media all and (max-width: 500px) {
  .acrm-flex-container {
    /* On small screens, we are no longer using row direction but column */
    flex-direction: column;
  }
  .acrm-flex-item:not(:last-child) {
    margin-right: 0;
  }
}


/* IO */
div.io-form-group.io-error > label{
  color: #f00;  
}

div.io-form-group.io-error input {
  background-color: #ebccd1;  
  border-color: red;
}

.io-error {
  background-color: #ebccd1;  
}

i.fa.io-fa-required {
  color: #ccc;
}

input.io-currency {
  text-align: right;
}


/* EOF IO */



/* END <Chunk Web/Main/App @Extend .css from ./Opt/ACRM/Web/App@Extend.css[1:831]> AT DEPTH 0 */

body{
  background-color: #58585A;
}


/*======================*/
/* Agenda Screen Styles */

.event-agenda-wrapper{
  background-color: white;
  position: absolute;
  top: 65pt;
  left: 20%;
  width: 60%;
  padding: 20pt;
  border-radius: 10pt;
  border: 1pt solid #aaa;
}

.event-agenda-wrapper > h1{
  color: #636363;
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  -webkit-font-smoothing: antialiased;
  margin-top: 0;
  margin-bottom: 15pt;
}

.event-agenda-wrapper hr{
  border-top: 1px solid rgba(32, 32, 32, 0.15);
}

.weekday-header{
  color: #AA182D; 
  padding-bottom: 10px; 
  border-bottom: 2px solid #AA182D; 
  font-weight: bold; 
  font-size: 18pt; 
  -webkit-font-smoothing: antialiased; 
  margin-bottom: 20px;
  margin-top: 0;
}

table.time-and-location tr:first-child td:first-child{
  vertical-align: top;
}

table.time-and-location i.time-icon{
  color: #AA182D; 
  opacity: 0.7; 
  font-size: 16pt; 
  text-align: center; 
  margin: 0 5px;
}

table.time-and-location div.time{
  font-size: 10pt;
  font-weight: bold;
}

table.time-and-location div.timezone{
  margin-bottom: 10px; 
  font-weight: bold; 
  -webkit-font-smoothing: antialiased; 
  color: #202020; 
  opacity: 0.7;
  font-size: 10pt;
}

table.time-and-location i.location-icon{
  color: #AA182D; 
  opacity: 0.7; 
  font-size: 16pt; 
  text-align: center;
	margin: 0 5px;
}

table.time-and-location .session-location{
  text-decoration: underline;
  font-weight: bold;
  font-size: 12pt;
}

.session-name{
  font-weight: bold;
  margin-bottom: 10px;
  font-size: 12pt;
  -webkit-font-smoothing: antialiased;
}

.session-details > .session-name:first-child{
	font-size: 20pt;
}

.session-desc{
  color: #202020;
  opacity: 0.7;
  margin-bottom: 10px;
}

.presenters > table{
  display: inline-block;
  margin: 0 10pt 10pt 0;
  width: calc(50% - 15pt);
	vertical-align: top;
}

.presenters img.presenter{
  width: 40pt;
  height: 40pt;
  object-fit: cover;
  border: 1pt solid #aaa;
  border-radius: 50%;
  margin-right: 10px;
}

.presenters .presenter-name{
}

.presenters .presenter-job{
  font-size: 75%;
}

.presenters .presenter-companyname{
  font-size: 75%;
}

.event-break {
  background-color: #eee;
  padding: 15pt 0;
  margin: -15pt 0;
}

/* override styles for print view of the agenda */

@media print{
	.navbar{
		display: none;
	}
	body.use-fixed-background #vm4-outer{
		top: 0;
	}
	body.use-fixed-background #vm4-inner #vm4-background, 
	body.use-fixed-background #vm4-inner #vm4-template-background{
		display: none;
	}
	.event-agenda-wrapper{
		left: 0;
		margin-left: 0;
		top: 0;
		width: 100%;
		border-radius: 0;
	}
	.event-agenda-wrapper > button.x-brv-print-agenda{
		display: none;
	}
}

@media (max-width: 991px) {
  .event-agenda-wrapper {
  	left: unset;
    margin-left: unset;
    width: unset;
    border-radius: unset;
    border: unset;
    top: 55px;
    display: flex;
    flex-flow: column nowrap;
    padding: .5rem .5rem 3rem;
  }
  .event-agenda-wrapper > .x-brv-print-agenda {
  	padding: .5rem;
  	margin-bottom: 1rem;
  }
  .event-agenda-wrapper > .nav.nav-tabs {
  	flex-flow: column nowrap;
  	border: none;
  	padding: 0 !important;
  }
  .event-agenda-wrapper > .nav.nav-tabs > .nav-item > .nav-link {
  	padding: .5rem;
  }
  .event-agenda-wrapper > .nav.nav-tabs > .nav-item:last-child {
  	height: 32pt;
    overflow: hidden;
  }
  .event-agenda-wrapper > .nav.nav-tabs > .nav-item > .nav-link.active {
  	border: none;
  	background-color: rgba(0, 0, 0, 0.05);
  }
  .event-agenda-wrapper > .nav.nav-tabs > .nav-item > .nav-link > h3 {
    margin: 0;
  }
  .event-agenda-wrapper > .event-break > .row > .col-md-9 > div,
  .event-agenda-wrapper > .event-session > .row > .col-md-9 > div {
  	padding-left: .4rem;
  }
  .event-agenda-wrapper > .event-session > .row > .col-md-9 > div.presenters > table {
    width: 100%;
  }
  .event-agenda-wrapper > .event-session > .row > .col-md-9 > div.presenters > table > tbody > tr {
  	display: flex;
  }
}


/*============================*/
/* Base Event Location Styles */

#Primary{
  margin-bottom: 0;
}

body{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

body.no-fixed-background #vm4-outer{
  box-sizing: border-box;
  width: 100%;
  overflow: hidden;
}

body.use-fixed-background #vm4-outer{
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

body.no-fixed-background #vm4-inner{
  box-sizing: border-box;
	max-width: 1920px;
	width: 160vw;
	max-height: 1080px;
	height: 90vw;
  display: block;
	transform: translateX(-50%);
	left: 50%;
  position: relative;
}

body.use-fixed-background #vm4-inner{
	width: 100%;
	height: 100%;
}

body.no-fixed-background #vm4-inner #vm4-background, 
body.no-fixed-background #vm4-inner #vm4-template-background{
  position: absolute;
  height: 100%;
  width: 100%;
}

body.use-fixed-background #vm4-inner #vm4-background,
body.use-fixed-background #vm4-inner #vm4-template-background{
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#vm4-inner-content {
  position: absolute;
  left: 500px;
  right: 500px;
  top: 50px;
}

.vm4-name {
  display: inline-flex;
  background-color: #ddd;
  border-radius: 6pt;
  padding: 3pt;
  margin: 0 3pt 3pt 0;
  align-items: center;
}

.vm4-name > img {
  object-fit: cover;
  width: 20pt;
  height: 20pt;
  border-radius: 8pt;
  margin-right: 2pt;
}

.dropdown-menu.brv-menu-background.show {
  overflow-y: auto;
  max-height: 90vh;
}
    

/*===================*/
/* Jitsi Video Popup */

#JitsiFrame {
  text-align: center;
  color: #333;
  background-color: #f5f5f5;
  border: 1pt solid #000;
  border-radius: 8pt;
  box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 50%);
  -webkit-box-shadow: 0px 0px 10px 5px rgb(0 0 0 / 50%);
  margin: 20px auto 0;
  position: fixed;
  top: 100px;
  left: 100px;
  overflow: hidden;

  /* Need to layer above GenericModal */
  z-index: 1070;
}

#JitsiFrame > .x-header {  
  background-color: #f5f5f5;
  border-bottom: 1px solid #ccc;
  padding: 4pt 6pt 2pt 6pt;
  display: flex;
  cursor: move;
  width: 100%;
}

#JitsiFrame > .x-header > .x-title {
  font-weight: bold;
  text-align: center;
  padding: 3pt 6pt;
  flex: 1; 
}

#JitsiFrame > .x-header > .x-close {
  text-align: right;
  cursor: pointer;
  color: #666;
  background-color: #d2d2d2;
  padding: 0pt 4pt 0pt 4pt;
  border: 1px solid gray;
  margin: 1pt;
  align-self: center;
}

#JitsiFrame > .x-header > .x-close:hover {
  color: #333;
}

#JitsiFrame > .x-drag-mask {
  background: rgba(0,0,0,.2);
  height: 481px;
  width: 719px;
  position: absolute;
  z-index: -1000;
}

#JitsiFrame > .x-drag-mask.x-show {
  z-index: 1000!important;
}

#JitsiFrame > .x-body {
  border-radius: 0px 0px 15px 15px;

  /* Added for the sliver of white space weirdness that happens occassionally when dragging the popup */
  width: 719px!important;
  height: 481px!important;
}

#JitsiFrame > .x-body > iframe {
  /* Added for the sliver of white space weirdness that happens occassionally when dragging the popup */
  height: 100.1%!important;
  width: 100.1%!important;
}


/*=============================================*/
/* Document Viewer Small Width Style Overwrite */

@media (max-width: 991px) {
  .brv-event-document-viewer {
  	margin: 0;
    position: absolute;
    top: 0;
    bottom: 0;
  	width: 100%;
  	height: 100%;
    max-width: unset;
  }
  .brv-event-document-viewer > .modal-content {
    overflow: hidden;
    height: 100%;
  }
  .brv-event-document-viewer > .modal-content > .modal-header {
    padding: .5rem;
  }
  .brv-event-document-viewer > .modal-content > .modal-header > .modal-title {
    font-size: 1rem;
    line-height: 1.25rem;
  }
  .brv-event-document-viewer > .modal-content > .modal-header > .close-x-button,
  .contact-us > .modal-content > .modal-header > .close-x-button {
  	display: none;
  }
  .brv-event-document-viewer > .modal-content > .modal-body {
    overflow-y: scroll;
  	padding: 0;
  }
  .brv-event-document-viewer > .modal-content > .modal-body > .modal-body-content,
  .acrm-viewer-container,
  .acrm-viewer-container > .acrm-viewer {
  	height: 100%;
  }
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document,
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document > .acrm-viewer-document-navigation {
    padding: 0;
  }
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document > .acrm-viewer-document-navigation > .acrm-viewer-document-navigation-left-btn,
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document > .acrm-viewer-document-navigation > .acrm-viewer-document-navigation-right-btn {
    padding: 0;
    opacity: 0.5;
  }
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document > .acrm-viewer-document-navigation > .acrm-viewer-document-navigation-left-btn > i,
  .acrm-viewer-container > .acrm-viewer > .acrm-viewer-container-document > .acrm-viewer-document-navigation > .acrm-viewer-document-navigation-right-btn > i {
    padding: 0.25rem;
    font-size: 4rem;
  }
  .brv-event-document-viewer > .modal-content > .modal-footer {
	  padding: .25rem;
  }	
}


/*==============================*/
/* Mobile Sponsor Details Panel */

.brv-mobile-sponsor-detail{
  text-align: center;
  background-color: white;
  padding: 1rem;
  width: 80vw;
}

.brv-mobile-sponsor-detail > .x-logo{
  margin-bottom: 5px;
  max-width: 120pt;
  max-height: 60pt;
}

.brv-mobile-sponsor-detail > .x-level{
  font-weight: bold;
  margin: 1rem;
}

.brv-mobile-sponsor-detail > .x-description{
  font-weight: bold;
  font-size: 1rem;
  color: gray;
  text-align: left;
}

.brv-mobile-sponsor-detail > .x-phone{
  font-weight: bold;
  font-size: 2rem;
}

.brv-mobile-sponsor-detail > .x-email{
  font-weight: bold;
  font-size: 2rem;
}

.brv-mobile-sponsor-detail > .x-website{
  font-weight: bold;
  font-size: 2rem;
}

.brv-mobile-sponsor-detail > hr{
  border-top: 1px solid #eee;
  margin: 1rem;
}

/* wait cursor used whne loading who's online content */
.cursor-wait { cursor: wait !important; }