.subpageTitleContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    float: left;
    width: 100%;
    height: 60vh;
    background-image: url('../img/logoMTBColor2.png');
    background-size: 10em auto;
    background-position: center 4em;
    background-repeat: no-repeat;
}
.subpageTitleContainer h1 {
    font-size: 36px;
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 600;
    color: #fff;
    text-align: center;
}

.subpageContentContainer {
    float: left;
    width: 100%;
    padding: 0 4em;
}
.subpageContentContainer.paddingSmall {
    padding: 0 1em;
}
.subpageContentContainer > div {
    width: 100%;
    max-width: var(--contentMaxWidthDesktop1);
    margin: 0 auto;
    background-color: #fff;
    padding: 0;
}
.subpageContentContainer > div.widthFull {
    max-width: var(--contentMaxWidthDesktopFull);
}
.subpageContentContainer > div > .columnContainer {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
.subpageContentContainer > div > .columnContainer.alignCenter {
    align-items: center;
}
.subpageContentContainer > div > .columnContainer.marginBottom {
    margin-bottom: 2em;
}

.columnContainer > .column {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
    padding: 1em;
}
.columnContainer > .column:first-of-type { padding-left: 0; }
.columnContainer > .column:last-of-type { padding-right: 0; }
.columnContainer > .column.noPaddingTop { padding-top: 0; }
.columnContainer > .column.noPaddingBottom { padding-bottom: 0; }
.columnContainer > .column h2 {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
}
.columnContainer > .column h2.exo {
    font-family: 'Exo 2';
    font-weight: 700;
}
.columnContainer > .column h3 {
    font-size: 18px;
    font-weight: 400;
}
.columnContainer > .column img,
.columnContainer > .column video {
    width: 100%;
    height: auto;
}
.columnContainer > .column img.width75 { width: 75%; }
.columnContainer > .column img.width60 { width: 60%; }
.columnContainer > .column img.width50 { width: 50%; }
.columnContainer > .column img.width30 { width: 30%; }
.columnContainer > .column img.width25 { width: 25%; }
.columnContainer > .column .photoAlignLeft { text-align: center; }
.columnContainer > .column .photoAlignCenter { text-align: center; }
.columnContainer > .column .photoAlignRight { text-align: center; }

.columnContainer > .column .galleryThumbnailContainer figure {
    display: inline-block;
    margin: 0;
    padding: 0;
}
.columnContainer > .column .galleryThumbnailContainer img {
    width: auto;
    height: auto;
    border: 1px solid #ddd;
    margin: 0.2em;
}
.columnContainer > .column .galleryThumbnailContainer .buttonContainer {
    display: inline-flex;
    align-items: center;
    vertical-align: text-bottom;
    padding: 0 1em;
}

div.reference {
    float: left;
    width: 100%;
    margin-bottom: 2em;
}
div.reference .symbol {
    float: left;
    width: 10%;
    padding-right: 1.5em;
}
div.reference .symbol img {
    width: 100%;
    height: auto;
    opacity: 0.3;
}
div.reference .text {
    float: left;
    width: 90%;
    padding-left: 1.5em;
    border-left: 2px solid rgba(51, 51, 51, 0.3);
}
div.reference .text .quotation {
    float: left;
    width: 100%;
    font-weight: 400;
    font-style: italic;
    margin: 0.5em 0 0 0;
}
div.reference .text .signature {
    float: left;
    width: 100%;
    text-align: right;
    margin: 0.5em 0;
}
div.reference .text .signature .company {
    font-weight: 600;
}


div.exhibitorMeetingsNavigationContainer > div,
div.buyerMeetingsNavigationContainer > div {
    padding-bottom: 0.2rem;
}
div.exhibitorMeetingsNavigationContainer > div.active,
div.buyerMeetingsNavigationContainer > div.active {
    border-bottom: 3px solid #000;
}

div.exhibitorMeetingsNavigationContainer > div .counter,
div.buyerMeetingsNavigationContainer > div .counter {
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 700;
    padding-bottom: 0.2rem;
}
div.exhibitorMeetingsNavigationContainer > div .counter .loaderSpinner,
div.buyerMeetingsNavigationContainer > div .counter .loaderSpinner{
    opacity: 0.5;
}
div.exhibitorMeetingsNavigationContainer > div .description,
div.buyerMeetingsNavigationContainer > div .description {
    text-align: center;
    font-size: 12px;
    line-height: 14px;
}
div.exhibitorListDescriptionContainer,
div.buyerMeetingsNavigationContainer {

}
div.buyerListDescriptionContainer {
    padding: 0 0.2rem;
}
div.exhibitorListDescriptionContainer .otherBuyers img.icon,
div.buyerListDescriptionContainer .otherExhibitors img.icon {
    height: 1em;
    width: auto;
    vertical-align: text-bottom;
}
div.exhibitorListDescriptionContainer .otherBuyers #otherBuyersShowFiltering,
div.buyerListDescriptionContainer .otherExhibitors #otherExhibitorsShowFiltering {
    cursor: pointer;
}
div.exhibitorMeetingsNavigationContainer > div,
div.buyerMeetingsNavigationContainer > div {
    cursor: pointer;
}

div.meetingActivitySummaryContainer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    padding: 0.6rem 0.8rem 0.6rem 0;
}
div.meetingActivitySummaryContainer .content {
    width: 100%;
    max-width: var(--contentMaxWidthDesktop1);
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
}
div.meetingActivitySummaryContainer .content  .activity {
    flex-grow: 0;
    padding-left: 1.7em;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
div.meetingActivitySummaryContainer .content  .activity .value {
    font-family: var(--bodyFontFamily);
    font-size: var(--formFontSize);
    color: var(--bodyColor);
    padding-right: 0.5em;
}
div.meetingActivitySummaryContainer .content  .activity .icon img {
    width: 1.2em;
    height: auto;
}

div.buyerContainer {
    margin-top: 2rem;
    padding: 0 0.2rem;
}
div.buyerRecord {
    padding: 1rem 0;
    /*padding-bottom: 0.5rem;
    margin-bottom: 1rem;*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
div.buyerRecord.hover {
    background-color: #f9f9f9;
}
div.buyerRecord span.login,
div.buyerRecord span.countryFlag {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
    padding: 0.4rem 0.6rem 0 0;
}
div.buyerRecord span.countryFlag img {
    width: 1.5rem;
    height: auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
div.buyerRecord .companyName span.value {
    font-size: 1.2rem;
}
div.buyerRecord .multi {
    margin-top: 0.2rem;
}
div.buyerRecord .multi > div {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}
div.buyerRecord .multi.multiFirst > div {
    padding-right: 1rem;
}
div.buyerRecord  .multi.multiFirst .countryFlag img {
    width: 1.5rem;
    height: auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    opacity: 0.5;
    margin-right: 0.5rem;
}
div.buyerRecord  .multi.flexWrap .countryFlag img {
    opacity: 1;
}
div.buyerRecord  > div span.greyed {
    color: #aaa;
}
div.buyerRecord .iconContainer,
div.buyerRecord .spinnerContainer {
    display: inline-block;
    /*padding: 0.2rem 0.3rem 0 0.2rem;*/
}
div.buyerRecord .iconContainer.schedule img,
div.buyerRecord .iconContainer.star img,
div.buyerRecord .iconContainer.calendar img,
div.buyerRecord .iconContainer.handshake img,
div.buyerRecord .iconContainer.check img {
    width: 2rem;
    height: auto;
    /*opacity: 0.5;*/
    opacity: 1;
    margin: 0 0.2rem;
}
div.buyerRecord div.website,
div.buyerRecord div.companyDescription {
    margin-top: 0.4rem;
}
div.buyerRecord .labelCheckboxMeeting {
    display: inline-block;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    font-weight: 700;
    cursor: pointer;
}
div.buyerRecord .checkboxMeetingTickContainer {
    padding-top: 0.5rem;
    line-height: 1.5rem;
}
div.buyerRecord .checkboxMeeting {
    width: 1.5rem;
    height: auto;
    cursor: pointer;
}



div.exhibitorContainer {
    margin-top: 2rem;
    padding: 0 0.2rem;
}
div.eventTableRecord {
    padding: 1.5rem 0 1rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    cursor: pointer;
}
div.eventTableRecord.hover {
    background-color: #f9f9f9;
}
div.eventTableRecord .tableNameContainer span {
    font-size: 1.5rem;
    font-weight: 700;
    display: inline-block;
    padding: 0.4rem 0.6rem 0 0;
    min-width: 3rem;
}
div.eventTableRecord .tableNameContainer span.tableColor {
    font-size: 1.5rem;
    line-height: 1.5rem;
    padding: 1rem 1rem 1rem 0.3rem;
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    min-width: 3.5rem;
}
div.eventTableRecord .tableNameContainer span.tableColor.Grey1 {
    background-image: url('/img/mtbTriangleGrey1.png');
    text-shadow: 0 0 2px #444;
}
div.eventTableRecord .tableNameContainer span.tableColor.Grey2 { background-image: url('/img/mtbTriangleGrey2.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Grey3 { background-image: url('/img/mtbTriangleGrey3.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Blue1 { background-image: url('/img/mtbTriangleBlue1.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Blue2 { background-image: url('/img/mtbTriangleBlue2.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Green1 { background-image: url('/img/mtbTriangleGreen1.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Green2 { background-image: url('/img/mtbTriangleGreen2.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Red1 { background-image: url('/img/mtbTriangleRed1.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Red2 { background-image: url('/img/mtbTriangleRed2.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Violet { background-image: url('/img/mtbTriangleViolet.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Green { background-image: url('/img/mtbTriangleGreen.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Yellow { background-image: url('/img/mtbTriangleYellow.png'); color: #222; }
div.eventTableRecord .tableNameContainer span.tableColor.Yellow2 { background-image: url('/img/mtbTriangleYellow2.png'); text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); }
div.eventTableRecord .tableNameContainer span.tableColor.Blue { background-image: url('/img/mtbTriangleBlue.png'); }
div.eventTableRecord .tableNameContainer span.tableColor.Blue1 { background-image: url('/img/mtbTriangleBlue1.png'); }


div.eventTableRecord .companyContainer .company {
    padding-bottom: 1rem;
}
div.eventTableRecord .companyContainer .company:last-of-type {
    padding-bottom: 0;
}
div.eventTableRecord .companyContainer .company .topSection {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
div.eventTableRecord .companyContainer .company .topSection .ratingContainer {
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    padding: 0.5em 0 1em 0;
}
div.eventTableRecord .companyContainer .company .topSection .leftSide {
    flex-grow: 1;
}
div.eventTableRecord .companyContainer .company .topSection .ratingContainer .description {
    flex-grow: 0;
    padding-right: 1em;
}
div.eventTableRecord .companyContainer .company .topSection .ratingContainer .inputContainer {
    flex-grow: 0;
    padding-right: 1em;
}
div.eventTableRecord .companyContainer .company .topSection .ratingContainer .inputContainer select {
    background-color: #fff;
    border: 1px solid #b2b2b2;
    padding: 0.3em;
    font-family: var(--bodyFontFamily);
    font-size: var(--bodyFontSize);
}
div.eventTableRecord .companyContainer .company .topSection .descriptionContainer {
    flex-grow: 1;
}
div.eventTableRecord .companyContainer .company .topSection .statusContainer {
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
div.eventTableRecord .companyContainer .company .topSection .statusContainer .iconContainer {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
div.eventTableRecord .companyContainer .company .topSection .statusContainer .iconContainer > * {
    padding-right: 0.5em;
}
div.eventTableRecord .companyContainer .company .flagContainer span {
    display: inline-block;
    padding: 0.4rem 0.6rem 0 0;
}
div.eventTableRecord .companyContainer .company .flagContainer span img {
    width: 1.5rem;
    height: auto;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
div.eventTableRecord .companyContainer .company .companyName span {
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1rem;
    padding-bottom: 0.2rem;
}
div.eventTableRecord .companyContainer .company .companyHeadquartersLocation span.description {
    display: inline-block;
    margin-right: 0.3rem;
}
div.eventTableRecord .companyContainer .company .companyHeadquartersLocation span.flag {
    display: inline-block;
    margin-right: 0.3rem;
}
div.eventTableRecord .companyContainer .company .companyHeadquartersLocation span.flag img {
    width: 1.2rem;
    height: auto;
    vertical-align: middle;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}
div.eventTableRecord .companyContainer .company .companyDescription {
    padding-top: 0.3rem;
}
div.eventTableRecord .companyContainer .company .companyDescription .website a {
    word-break: break-all;
}
div.eventTableRecord .companyContainer .company .companyDescription p {
    margin: 0.4rem 0;
    /*text-align: justify;*/
}
div.eventTableRecord .companyContainer .company .companyDescription img {
    float: none;
    margin: 0.2em 0 0.2em 0;
    padding: 0 0 0.3rem 0.3rem;
    width: 100%;
    max-width: 6rem;
    height: auto;
}
div.eventTableRecord .iconContainer div img {
    width: 2rem;
    height: auto;
    opacity: 1;
}

div.buyerContainer .colorLight,
div.exhibitorContainer .colorLight {
    color: #aaa;
}
div.buyerContainer .colorDark5,
div.exhibitorContainer .colorDark5 {
    color: #888;
}

.filterListButtonContainer {
    text-align: right;
    padding-right: 0.5rem;
}
.filterListButton {
    font-size: 1.2rem;
}

.columnContainer > .column h2.agendaDay {
    margin: 1rem 0 1rem 0;
    text-transform: none;
}
.columnContainer > .column h2.agendaHour {
    margin: 0.2rem 0;
    font-size: 18px;
}
p.agendaDescription {
    margin: 0.2rem 0 1rem 0;
    padding-left: 0;
}


div.bingoTableMeetingsRequired {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    padding: 0.25rem 0;
}
div.bingoTableMeetingsRequired .symbolContainer {
    display: flex;
    align-content: center;
    align-items: center;
    padding: 0 0.5rem 0 0.5rem;
}
div.bingoTableMeetingsRequired .symbolContainer img {
    width: 1rem;
    height: 1rem;
}
div.bingoTableMeetingsRequired .descriptionContainer {
    display: flex;
    flex-direction: column;
    align-content: stretch;
}
div.bingoTableMeetingsRequired .descriptionContainer > div {
    padding: 0.05rem 0;
}