@import "dropdown-iframe.css";
body {
  font-size: 15px;
}
@media (min-width: 1300px) {
  body {
    transition: font-size 1.1s;
  }
}
@media (min-width: 1750px) {
  body {
    font-size: 16px;
  }
}
@media (max-width: 410px) {
  body {
    font-size: 14px;
  }
}
@media (max-width: 350px) {
  body {
    font-size: 13px;
  }
}
a.navbar-brand:focus {
  outline: none;
  color: #fff;
}
.navbar-brand {
  margin: 0 60px 0 0;
  height: auto;
  float: left;
  display: flex;
  flex-flow: row nowrap;
}
.navbar-logo {
  height: 44px;
  display: inline-block;
  margin: -12px 0;
  flex: 1 1;
  flex-basis: auto;
}
.navbar-title {
  padding: 0 0 0 6px;
  display: inline-block;
  flex: 10 10;
  flex-basis: auto;
}
.navbar-logo > img {
  height: 100%;
}
#navbar-toggle {
  position: absolute;
  right: 2px;
  top: 0;
  float: none;
}
@media (min-width: 768px) {
  .navbar-brand {
    margin-right: 0;
  }
  .navbar-brand {
    padding-right: 0;
  }
}
.page-width {
  max-width: 90%;
  padding: 0;
  margin: 0 auto;
}
@media (min-width: 66em) {
  .page-width {
    max-width: 63em;
  }
}
@media (max-width: 1100px) {
  .page-width {
    max-width: 94%;
  }
}
@media (max-width: 950px) {
  .page-width {
    max-width: 97%;
  }
}
@media (max-width: 600px) {
  .page-width {
    max-width: 100%;
  }
}
.btn.wrap-text {
  white-space: normal;
}
.label {
  white-space: normal;
  display: inline-block;
  padding: 0.3em;
}
body.no-js li.dropdown:hover ul.dropdown-menu {
  display: block;
}
body.view-conference-list .conference {
  position: relative;
  margin-bottom: 0.6em;
  padding: 0.3em;
  border-top: 3px solid #FFF;
}
body.view-conference-list .conference.old-conf {
  opacity: 0.6;
  border-top: 2px solid #FCFCFC;
}
body.view-conference-list .conference:hover {
  background: #FCFCFC;
}
body.view-conference-list .conference.new-conf .btn {
  font-weight: bold;
  color: #080855;
}
body.view-conference-list .conference .pull-right {
  opacity: 0.6;
  font-size: 0.9em;
}
body.view-conference-list .logo-holder {
  float: left;
  margin-right: 2%;
  margin-top: 0.3em;
  max-width: 10em;
  max-height: 13em;
  min-height: 9em;
  overflow: hidden;
}
body.view-conference-list .logo-holder img {
  width: 100%;
  height: auto;
}
body.view-conference-list .btn.title-button {
  white-space: normal;
  text-align: left;
}
body.view-conference-list .admin-buttons {
  position: absolute;
  bottom: 1em;
  right: 0.3em;
  z-index: 3;
  opacity: 0.7;
}
body.view-conference-list .admin-buttons a.btn.btn-info {
  float: right;
}
body.view-conference-list .conf-list-buttons {
  margin-top: 0.4em;
  min-height: 4.5em;
}
body.view-conference-list .admin-buttons:hover {
  opacity: 1;
}
body.view-conference-list .logo-holder {
  width: 20%;
}
body.view-conference-list .logo-holder.no-logo {
  padding-top: 20%;
}
body.view-conference-list .btn.title-button {
  display: inline-block;
  max-width: 78%;
}
@media (max-width: 25em) {
  body.view-conference-list .logo-holder {
    width: 4em;
    min-height: 4em;
  }
  body.view-conference-list .logo-holder img {
    max-height: 3.5em;
  }
  body.view-conference-list .btn.title-button {
    display: block;
    max-width: 100%;
  }
  body.view-conference-list .admin-buttons {
    bottom: 0.2em;
  }
}
.width14em {
  min-width: 14em;
  display: inline-block;
  text-align: center;
  text-overflow: ellipsis;
}
.center-notice {
  max-width: 40em;
  margin: 2em auto;
}
/* ul.iframe-menu is the log-in-menu view, which is served in an iframe on remote sites*/
ul.iframe-menu {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 2px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0;
  padding: 0;
}
ul.iframe-menu > li:first-child {
  flex: 7 1 40px;
}
ul.iframe-menu > li {
  flex: 1 1 40px;
  display: block;
  width: 100%;
  position: relative;
}
ul.iframe-menu .name-badge,
ul.iframe-menu > li > a {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 0;
}
ul.iframe-menu .name-badge {
  margin: 0;
  padding: 1.2em;
  background: #DDD;
  color: #555;
  text-align: center;
  border: 1px solid #ccc;
  background: rgba(222, 222, 222, 0.5);
  display: table-cell;
  vertical-align: center;
}
ul.iframe-menu .name-badge h4,
ul.iframe-menu .name-badge h5 {
  margin: 0;
  display: inline-block;
}
.g-box {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  border: 4px solid rgba(120, 120, 120, 0.1);
  margin: 1em 0;
}
.g-medium {
  flex: 400px 1 1;
  padding: 1em;
  border: 4px solid rgba(120, 120, 120, 0.1);
}
.g-bottom-line {
  width: 100%;
  position: absolute;
  right: 0;
  bottom: 2em;
}
.g-has-bottom-line {
  height: 100%;
  position: relative;
  padding-bottom: 3em;
}
.conference-form {
  max-width: 70em;
  margin: 0.8em auto;
  position: relative;
}
.conference-form .btn {
  font-size: 0.9em;
  padding: 0.34em 0.68em;
}
.conference-form div.form-item {
  padding: 0.5em 0.3em;
  margin: 0;
  color: #333;
}
.conference-form div.input-description {
  font-size: 0.9em;
}
.conference-form textarea {
  padding: 0.3em;
}
.conference-form *[data-maxwords],
.conference-form *[data-maxlength] {
  padding-top: 0.8em;
}
.conference-form .wordCount {
  display: block;
  font-size: 0.75em;
  color: #999;
  background: #FFF;
  height: 0;
  position: relative;
  line-height: 1em;
  top: 0.3em;
  right: 0;
  padding: 0 2em;
  text-align: right;
}
.conference-form .error-message {
  color: #F66;
  font-size: 0.8em;
}
.conference-form > div:hover {
  color: #111;
  background: #FBFBFB;
}
.conference-form > div:last-child {
  background: none;
}
.conference-form label {
  padding: 0.4em 1em 0.4em 0.4em;
  display: block;
  width: 35%;
  float: left;
  clear: both;
  text-align: right;
  font-weight: normal;
  margin: 0;
}
.conference-form .row label {
  width: 100%;
  text-align: left;
}
.conference-form label.inline {
  display: inline-block;
  max-width: 80%;
  float: none;
}
.conference-form input[type=checkbox] {
  transform: scale(1.5);
  width: auto;
}
.conference-form input[type=date],
.conference-form input[type=time] {
  width: auto;
}
.conference-form .input-box {
  width: 65%;
  float: left;
  padding-bottom: 1.5em;
}
.conference-form .input-box.full-width {
  width: 100%;
}
.conference-form .input-lastname,
.conference-form .input-firstname {
  width: 50%;
  float: left;
}
.conference-form input,
.conference-form textarea {
  width: 100%;
}
.conference-form input.count-chars,
.conference-form textarea.count-chars,
.conference-form input.count-chars,
.conference-form textarea.count-chars {
  padding-bottom: 0.8em;
}
.conference-form .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.conference-form .bootstrap-select .dropdown-menu {
  width: 100%;
  min-width: 100%;
  max-width: 100%;
}
.conference-form input.inline {
  display: inline;
  position: static;
  width: auto;
  float: none;
}
.conference-form input.hide-next-unchecked[type=checkbox] ~ div {
  opacity: 0.3;
  pointer-events: none;
  width: 100%;
  margin: 0 0 0.3em;
  font-size: 0.95em;
  max-height: 0;
  transition: opacity 0.2s linear, max-height 1s linear;
  overflow-y: hidden;
  padding: 0 0 0 1em;
}
.conference-form input.hide-next-unchecked[type=checkbox]:checked ~ div {
  max-height: 3000px;
  opacity: 0.9;
  overflow-y: visible;
  pointer-events: all;
}
.conference-form input.hide-next-checked[type=checkbox] ~ div {
  opacity: 0.9;
  transition: opacity 0.2s linear, max-height 1s linear;
  overflow-y: visible;
  max-height: 3000px;
  padding: 0 0 0 1em;
  font-size: 0.95em;
  pointer-events: all;
  width: 100%;
  margin: 0;
}
.conference-form input.hide-next-checked[type=checkbox]:checked ~ div {
  overflow-y: hidden;
  max-height: 0;
  opacity: 0.3;
  pointer-events: none;
}
.conference-form .input-description {
  font-size: 0.87em;
  color: #555;
}
@media (max-width: 60em) {
  .conference-form label {
    font-size: 0.9em;
  }
  .conference-form .input-description {
    font-size: 0.83em;
    color: #555;
  }
}
@media (max-width: 52em) {
  .conference-form label {
    padding: 0.4em 0 0;
    width: 100%;
    text-align: left;
  }
  .conference-form .input-box {
    width: 100%;
  }
}
.conference-form .orderable .grab-handle {
  font-size: 1.1em;
  width: 1.8em;
  height: 1.8em;
  padding-top: 0.3em;
  display: block;
  text-align: center;
  border-radius: 1em;
  background: #ccc;
  color: #999;
  float: left;
  clear: both;
  margin: 0 3% 0 10%;
}
.conference-form .suggestions {
  max-width: 1000px;
  white-space: normal;
  padding: 0.3em 0;
}
.conference-form input.show-if-other-selected,
.conference-form input.hidden-input {
  display: none;
}
.conference-form .suggest-in + input.show-if-other-selected {
  display: inline-block;
}
.conference-form a.suggest {
  position: relative;
  display: inline-block;
  padding: 0.2em 0.5em 0.2em 1.7em;
  background: #FEFEFE;
  margin: 0.2em 0.3em 0.2em 0;
  border: 2px solid #DDD;
  border-radius: 0.4em;
  text-decoration: none;
  color: #444;
  font-size: 0.86em;
}
.conference-form a.suggest:first-of-type {
  margin-top: 0;
}
.conference-form a.suggest:focus {
  background: #F5F5F5;
  text-decoration: none;
  color: #222;
}
.conference-form a.suggest:hover {
  background: #F0F0F0;
  text-decoration: none;
  color: #111;
}
.conference-form a.suggest:hover:focus {
  background: #EEE;
  color: #000;
}
.conference-form a.suggest.suggest-in:hover {
  color: #000;
}
.conference-form a.suggest.suggest-in,
.conference-form a.suggest.suggest-in:hover {
  background: #FFF;
  border: 2px solid #333;
  border-radius: 0.05em;
  color: #000;
}
.conference-form a.suggest.suggest-other.suggest-in {
  font-weight: normal;
}
.conference-form .suggest:after {
  content: ' ';
  position: absolute;
  left: 0.4em;
  top: 0.5em;
  width: 0.8em;
  height: 0.8em;
  border-radius: 50%;
  background: transparent;
  border: 1px solid #888;
}
.conference-form .suggest.suggest-in:after {
  background: #3F3;
  border: 1px solid #00a;
  border-radius: 50%;
}
.conference-form .has-suggestions input[type=text] {
  width: 10em;
}
.conference-form .object-array {
  border: 1px solid #DDD;
  padding: 0.5em;
  min-height: 3.5em;
}
.conference-form .array-item,
.conference-form .disabled-array-item {
  border: 1px solid #DDD;
  padding: 0.5em;
  margin: 0.5em;
}
.conference-form .people-array .array-item,
.conference-form .disabled-array-item {
  border: 1px solid #DDD;
  padding: 0.5em 0.5em 1.2em;
}
.conference-form .array-item.ui-sortable-helper {
  box-shadow: 6px 6px 18px #877;
  background: rgba(250, 250, 250, 0.7);
}
.conference-form .remove-array-item {
  margin: 0.2em 0;
}
.conference-form .add-array-item {
  margin: 0.5em 0 0.2em;
}
.conference-form .new-person-inputs {
  width: 100%;
  float: left;
  clear: both;
}
.conference-form .person-popup {
  position: relative;
  max-height: 0;
  width: 100%;
  float: left;
  clear: both;
  padding: 0 5%;
  top: 0;
}
.conference-form .name-suggestions {
  position: absolute;
  max-height: 40vh;
  background: rgba(255, 255, 255, 0.82);
  color: #888;
  width: 86%;
  z-index: 3;
  overflow-y: scroll;
  padding: 0.2em 0.4em;
  border-radius: 0 0 0.5em 0.5em;
  border: 1px solid #bbb;
  border-top: none;
  font-size: 0.9em;
  font-style: italic;
}
.conference-form .name-suggestions button {
  font-style: normal;
  font-size: 1em;
  border: none;
  display: block;
  width: 100%;
  margin: 0.1em 0;
  background: none;
  text-align: left;
  color: #444;
}
.conference-form .name-suggestions button span.inst {
  display: block;
  font-size: 0.9em;
  color: #666;
  line-height: 1.1;
  max-width: 90%;
  text-overflow: ellipsis;
  padding-left: 8%;
}
.conference-form .name-suggestions button.add-new-person {
  font-size: 1em;
  margin: 8px;
  background: #fff;
  border: 1px solid #aaa;
  text-align: center;
  color: #222;
  border-radius: 4px;
  padding: 8px 4px;
}
.conference-form .name-suggestions button:hover,
.conference-form .name-suggestions button:focus {
  background: #dcdcdc;
  border-color: #888;
  color: #111;
}
.conference-form .trumbowyg-editor,
.conference-form .trumbowyg-box {
  min-height: 100px;
}
body.view-edit-news .conference-form .trumbowyg-editor.trumbowyg-reset-css {
  font-size: 20px !important;
}
.inline-block {
  display: inline-block;
}
@media print {
  footer .pull-right a:nth-of-type(2):after {
    content: "" !important;
  }
}
/*# sourceMappingURL=page.css.map */