/************************* Frontend **************************/

/* ----------------------- Layout   ------------------------ */
.main {
    padding-top: 10px;
}

.clear {
    clear: both; /* old habits die hard! */
}

#primarybuttonrow a {
    display: block;
    color: #fff;
    font-weight: bold;
}
#primarybuttonrow a span.linkbody {
    display: block;
    padding: 10px 10px;
    text-align: center;
}
#primarybuttonrow a.active,
#primarybuttonrow a:hover {
    text-decoration: none;
    background-color: #666;
}

img#brand-wide {
    width: 100%;
}


/* ----------------------- Login    ------------------------ */
#signin_username {
  float: left;
  width: 42%;
  margin-right: 3px;
}
#signin_password {
    width: 42%;
}
#form-login-forgot {
  font-size: 10px;
  line-height: 10px;
}

.btn-linkedin {
    background-image: url(/images/logos/linkedin_16px.png);
    background-position: 8px 6px;
    background-repeat: no-repeat;
    padding-left: 30px;
}
.btn-linkedin:hover {
    background-position: 8px 6px; /* suppress default button transition */
}

/* ----------------------- Homepage ------------------------ */
.user_panel {
    border: 1px solid #eee;
    border-radius: 5px;
    padding: 10px;
    margin-top: 10px;
    background-color: #f6f6f6;
}

.user_panel form {
    margin-bottom: 0px;
}
.user_panel h5 {
    margin-top: 0px;
}

.user_stats {
    margin: 10px 0px;
}

.user_stats_cell {
    border: 1px solid #eee;
    border-radius: 5px;
    /* padding: 10px; */
    background-color: #f6f6f6;
    margin-bottom: 5px;
}
.user_stats_cell h5,
.user_stats_foot {
    background-color: #f6f6f6; /* #EAEAEA; */
    padding: 10px;
    margin: 0px;
}
.user_stats_cell h5 {
    min-height: 40px;
}
.user_stats_cell h5 strong {
    font-size: 48px;
    float: left;
    margin: 10px 10px 0px 0;
}

.user_stats_cell ul {
  margin: 0px;
  padding: 0px;
  border-top: solid 1px #eee;
}

.user_stats_cell li {
 list-style: none;
  padding: 10px;
  background: white;
  border-bottom: solid 1px #eee;
}


/* ----------------------- Meeting Search ------------------ */
#searchformfilter {
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #f6f6f6;
  padding: 0px 10px 10px;
}

#searchformfilter .widget input,
#searchformfilter select {
  width: 100%;
  box-sizing: border-box;
  height: auto;
  margin-bottom: 0px;
}
#searchformfilter .widget {
  margin-bottom: 10px;
}
#searchformfilter .facetGroup {
  border: 0px;
  background-color: transparent;
}
#searchformfilter ul.facets {
  border-radius: 5px;
  border: 1px solid #ddd;
}
#searchformfilter .facetGroup h5,
#searchformfilter .widget h5 {
  padding-left: 0px;
  padding-bottom: 1px;
  margin-bottom: 0px;
}
#searchformfilter .btn-group {
    margin-top: 20px;
}
#searchformfilter label {
    font-weight: bold;
}

#meetingformfilter {
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #f6f6f6;
  padding: 0px 10px 10px;
}
#meetingformfilter .widget {
  margin-bottom: 10px;
}
#meetingformfilter .facetGroup {
  border: 0px;
  background-color: transparent;
}
#meetingformfilter ul.facets {
  border-radius: 5px;
}
#meetingformfilter .facetGroup h5,
#meetingformfilter .widget h5 {
  padding-left: 0px;
  padding-bottom: 1px;
  margin-bottom: 0px;
}


#filterbyindex {
  margin: 0px;
}
#filterbyindex li {
  list-style: none;
  display: inline-block;
}
#filterbyindex li a {
  display: block;
  padding: 2px 5px;
}

#filterbycountry {
  margin: 0px;
  max-height: 150px;
  overflow: auto;
    position: relative; /* Required to calculate offset */

    border-radius: 5px;
    border: 1px solid #ddd;
    background-color: #fff;
}

#filterbyindex .selected,
#filterbycountry .selected {
    font-weight: bold;
}
#filterbycountry a {
    display: block;
    padding-left: 5px;
}
#filterbycountry a.filter-all {
    padding-left: 7px; /* 26px; */
    font-weight: bold;
}

#filterbycountry .selected {
    color: #333;
    background-color: #f6f6f6;
}
#filterbycountry a:hover {
    background-color: #f6f6f6;
    text-decoration: none;
}

.listingHeader {
/*    border: 1px solid #eee;
    border-radius: 5px;
    background-color: #f6f6f6;
    margin-bottom: 10px;
    padding: 10px; */
    clear: both;

}
.listingHeader .pagination {
    margin: 0px;
}

#frmsearchordering {
    margin-bottom: 0px;
}
#frmsearchordering select {
    /* height: 40px; */
    margin-bottom: 0px;
}


/* ----------------------- Search - Organisation listing --- */

.search-item-wrapper {
    padding-bottom: 10px;
    border-bottom: 4px solid #ccc;
    margin-bottom: 20px;
}
.organisation {

}
.organisation-attendee {
    margin-top: 10px;
}

.toggle {
    clear: both;
}
.toggle-short .toggle-body {
    overflow: hidden;
    max-height: 60px;
}
.organisation-attendee .toggle-short .toggle-body {
    max-height: 20px;
}
.toggle-short .toggle-less { display: none; }
.toggle-all .toggle-more { display: none; }

.toggle-switch {
    background: url(../images/fade.png) top left repeat-x; /* 20px semi-translucent fade */
    margin-top: -20px;
    padding-top: 20px;
    position: relative; /* Force this block to overlay the preceding .org-more */
    text-align: center;
}


/* SIMPLIFIED TOGGLE */
.search-item-wrapper {
    position: relative;
}
.search-item-toggle {
    position: absolute;
    left: -20px;
    top: 20px;
}
.toggle-short .search-item-toggle-less { display: none; }
.toggle-all .search-item-toggle-more { display: none; }

.search-fade {
    background: url(../images/fade.png) top left repeat-x; /* 20px semi-translucent fade */
    margin-top: -20px;
    padding-top: 20px;
    position: relative; /* Force this block to overlay the preceding .org-more */

}

.organisation-logo {
    float: right;
    margin: 0 0 10px 20px;
}

/* LEGACY SEARCH LIST STYLING? */
.listingList {
    margin-left: 0px;
}
.listingList > li {
    list-style: none;
    border-bottom: solid 1px #eee;
    margin-bottom: 50px;
}

.listingList > li img.companyLogo {
    float: right;
    margin: 0 0 0 20px;
}
.listingList > li .more {
    display: none;
}

.txt-less {
    display: block;
}
.txt-more {
    display: none;
}
.moretxt .txt-less {
    display: none;
}
.moretxt .txt-more {
    display: block;
}

/* Refactored profile viewing styles */
/*
.org-more {
    -moz-transition: max-height 1s ease;
    -ms-transition: max-height 1s ease;
    -o-transition: max-height 1s ease;
    -webkit-transition: max-height 1s ease;
    transition: max-height 1s ease;
    max-height: 10000px; /* Arbitrarily large overflow * /
    overflow: hidden
}
*/
.view-closed .org-more {
    overflow: hidden;
    max-height: 40px;
}
.view-closed .attendee-more {
    display: none;
}
.view-closed .toggle-less {
    display: none;
}
.org-toggle {
    background: url(../images/fade.png) top left repeat-x; /* 20px semi-translucent fade */
    margin-top: -20px;
    padding-top: 20px;
    position: relative; /* Force this block to overlay the preceding .org-more */
}
.view-open .org-toggle {
    background: none; /* Remove the fade */
}
.view-open .toggle-more {
    display: none;
}
.view-open .org-more {
    overflow: hidden;
    max-height: 10000px;
}

.org-toggle .label {
    padding: 4px 10px;
    font-size: inherit;
    font-weight: normal;
    text-shadow: none;
    background-color: #ccc;
}


.profiletext p {
    margin-bottom: 10px;
}
.profiletext {
    margin-bottom: 20px; /*Should auto-collapse with the <p> inside */
}
.profile-answer {
    margin-bottom: 20px;
}
.profile-question {
    font-weight: bold;
}



.organisation-attendee {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ddd;
}
.attendee-profile-pic {
    border: solid 1px white;
    -moz-box-shadow: 0 1px 3px #666;
    -webkit-box-shadow: 0 1px 3px #666;
    box-shadow: 0 1px 3px #666;

    float: left;
    margin: 0px 10px 10px 0px;
}

.attendee-notifications {
    clear: both;
    margin-top: 10px;
}
.note-block { /* Styling from .alert-info */
    border-top: 1px solid #bce8f1;
    padding: 5px 10px;
    background: #d9edf7; /* #FBF7BB; */
    text-align: right;
}
.note-block .btn-small {
    margin-top: 5px;
}



/* .delegates DEPRECATED */
.delegates {
    /* border: 1px solid #eee; */
    /* border-radius: 5px; */
    /* background-color: #f6f6f6;
    margin: 0px 0px 10px;
    clear: both;
    padding-top: 0px; */
    margin: 5px 0px 10px;
}
.delegates h5 {
    margin: 0px;
}
.delegates > li {
    list-style: none;
    /* clear: both; */
    margin-top: 0px;
    padding: 0px 0px 20px;
}
.delegates > li.first {
    margin-top: 0px;
}

.delegates > li img {
border: solid 1px white;
-moz-box-shadow: 0 1px 3px #666;
-webkit-box-shadow: 0 1px 3px #666;
box-shadow: 0 1px 3px #666;
}

.delegates > li img {
float: left;
margin: 0px 10px 10px 0px;
}
.listingList .delegates .itemFooter {
    padding: 0px 0px 0px;
    clear: both;
    /* display: none; */
}

.delegates>li.notification {
    border-top: 1px solid #eee;
    padding: 5px 10px;
    margin-top: 0px;
    background: #FBF7BB;
}
.delegates>li.cancelled {
    color: #666;
    background: #ddd;
    border-top: 1px solid #ccc;
}
.delegates>li.confirmed {
    background:#C4E3EE;
}


.meeting-notifications {
    list-style: none;
    margin: 0;
    padding: 0;
}
.meeting-notifications li {
    border-top: 1px solid #ddd;
    padding: 5px 10px;
    margin-top: 0px;
    background: #FBF7BB;
}
.meeting-notifications li.cancelled {
    color: #666;
    background: #ddd;
    border-top: 1px solid #ccc;
}
.meeting-notifications li.confirmed {
    background:#C4E3EE;
}

/* ----------------------- Tables -------------------------- */
h4.printHeading {
    display: none;
}


/* ----------------------- Button lists -------------------- */
.facetGroup {
  border: 1px solid #eee;
  border-radius: 5px;
  background-color: #f6f6f6;
  margin-bottom: 10px;
}
.facetGroup h4,.facetGroup h5 {
  background-color: #f6f6f6;
  padding: 10px;
  margin: 0px;
}

ul.buttonList {
  margin: 0px 0px 10px;
}
ul.facets {
  margin: 0px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background-color: #fff;
}
ul.buttonList li,
ul.facets li {
  list-style: none;
}
ul.facets li a {
  display: block;
  padding: 5px 10px;
  border-top: 1px solid #eee;
}
ul.facets li a:hover {
  background-color: #f6f6f6;
}

ul.facets li a.selected {
  background-color: #fdfdfd; /* #f6f6f6; */
  color: #333;
  text-decoration: none;
  font-weight: bold;
}
ul.facets li.disabled {
    padding: 5px 10px;
    border-top: 1px solid #eee;
    color: #808080;
}
ul.facets li.text {
    padding: 5px 10px;
    border-top: 1px solid #eee;
}
ul.facets form.setting-toggle {
    margin: 0 0 5px 10px;
}

/* -------------------------- jQueryUI Overrides ------------------ */
#outerTabs {
  padding: 0px;
  /* background-color: #f6f6f6; */
}
#outerTabs .tabs {
  border: 0px;
  border-bottom: 1px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
#outerTabs .tabs li {
  top: 0px;
  border-bottom: 0px;
}

#outerTabs table {
  margin-bottom: 0px;
}

#outerTabs table.session-track {
    margin-bottom: 40px;
}

.ui-widget {
  font-size: 14px;
}
.ui-widget-content {
  background-image: none;
}
.ui-tabs .ui-tabs-panel {
  padding: 0px;
}
#outerTabs .row_label ul {
  margin: 0px;
}
#outerTabs .row_label li {
  list-style: none;
  display: block;
  border-top: 1px solid #eee;
}
#outerTabs .row_label li:first-child {
  border-top: none;
}


/* ------------------- Schedule / Booking Table -------------- */
.scheduleTableFull {
    background-color: #f6f6f6;
    border-radius: 5px;
}

td.blocked {
    background-color: #eee;
}

td.info {
    background-color: #D9EDF7;
}
td.available {
    background-color: #DFF0D8;
}
td.reschedule {
    background-color: #F0D8D8;
}
tr.private td {
    background-color: #eee;
}

ui-corner-all {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.ui-widget-header {
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
}
/* forms */
fieldset li {
    list-style: none;
}


/* Primary nav buttons */
#primarybuttonrow .badge {
    display: inline-block;
    margin-left: 5px;
}


  
@media (max-width: 480px) {
    .toggle-short .toggle-body {
        overflow: visible;
        max-height: inherit;
    }
    .organisation-attendee .toggle-short .toggle-body {
        max-height: auto;
    }
    body .toggle-short .organisation-details .toggle-body {
        max-height: inherit;
    }
}