.menu-container {
    background-color: transparent;
    position: fixed;
    z-index: 101;
    pointer-events: all;
}

    .menu-container.selected {
        background-color: #181A1D;
    }

.menu:before {
    /*content: "";
    position: absolute;
    top: 0px;
    left: 0;
    background-color: #7C7E81;
    height: 50px;
    width: 250px;
    border-radius: 0 50px 0 0;*/
}

.menu {
    /*background-color: #2C2E31;*/
    background-color: rgba(44,46,49,0.2);
    background-image: linear-gradient(90deg,rgba(44,46,49,0.4),rgba(244,246,249,0.2));
    height: 100vh;
    width: 56px;
    /*border-radius: 0px 48px 48px 0px;*/
    padding:0 0 40px 0;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    justify-content: space-between;
}

    .menu .menu-items-container {
        width: 100%;
    }

    .menu .menu-icon-container {
        margin: 5px 0 20px 0;
        cursor: pointer;
    }

        .menu .menu-icon-container .menu-icon {
            display: flex;
            justify-content: center;
            /*background-color: #2C2E31;*/
            padding: 12px 0;
            border-radius: 8px 0px 0 8px;
            position: relative;
        }

    .menu .menu-items-container.align-end {
        align-self: flex-end;
    }

    .menu .menu-icon-container .menu-icon[selected]::before,
    .menu .menu-icon-container .menu-icon.selected::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 40px;
        background-color: transparent;
        border-radius: 0 0 8px 0;
        width: 16px;
        height: 30px;
        box-shadow: 0px 16px 0 0 #181A1D;
    }

    .menu .menu-icon-container .menu-icon[selected]::after,
    .menu .menu-icon-container .menu-icon.selected::after {
        content: "";
        position: absolute;
        top: 56px;
        left: 40px;
        background-color: transparent;
        border-radius: 0 8px 0 0;
        width: 16px;
        height: 30px;
        box-shadow: 0px -16px 0 0 #181A1D;
    }

    .menu .menu-icon-container .menu-icon[selected],
    .menu .menu-icon-container .menu-icon.selected {
        background-color: #181A1D;
    }

    .menu .menu-icon-container .menu-icon-img {
        width: 32px;
        height: 32px;
    }

.menu-icon-img-iicon {
    width: 24px;
    height: 24px;
    float: left;
    margin-right: 10px
}

.delegate-content {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    position: fixed;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 100;
    pointer-events: none;
}

.page-content {
    display: block;
    background-color: #181A1D;
    left: 0;
    top: 0;
    height: 100vh;
    width: 100%;
    z-index: 0;
}

.content-container {
    height: 100vh;
    width: 100%;
    padding: 0 0 0 56px;
    pointer-events: all;
}

    .content-container .content-tab {
        /*background-color: #181A1D;*/
        height: 100vh;
        width: 100%;
        padding: 0 16px;
        position: relative;
    }

.content-tab::before {
    content: "";
    position: absolute;
    top: 0px;
    right: -16px;
    background-color: transparent;
    border-radius: 24px 0 0 0;
    width: 16px;
    height: 30px;
    box-shadow: 0px -16px 0 0 #181A1D;
}

.content-container .title-bar {
    /*background-color: #181A1D;*/
    display: flex;
    justify-content: space-between;
    padding: 16px;
    -webkit-align-items: center;
    align-items: center;
    position:relative;
}

.content-container .title-container {
}

.button-container {
    cursor: pointer;
    margin-left: 8px;
}

.close-button-container {
    display: flex;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #2C2E31;
    width: 48px;
    height: 48px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    z-index: 100;
}

    .close-button-container.dark {
        background-color: #181A1D;
    }

    .close-button-container .close-button-img {
        width: 32px;
        height: 32px;
    }

.button-img {
    width: 22px;
    height: 22px;
}

.button-img-large {
    width: 32px;
    height: 32px;
    padding:2px;
    background-color:black;
}

.data-panel {
    /*padding: 4px 6px;*/
    max-width: 500px;
    width: 500px;
}

.card[data-background="light"] {
    background-color: #2C2E31;
}

.dynamic-data {
    position: relative;
    padding: 0 4px;
}

    .dynamic-data.floorplan {
        display: flex;
        flex-direction: column;
        flex: 1;
        max-height: calc(100vh - 200px);
        overflow-y: auto;
    }

.seminarschedule {
    max-height: 472px;
    min-height: 150px;
}

.carousel-item.fit-content {
    padding: 0 50px;
}

.stand-img-container {
    vertical-align: middle;
}

    .stand-img-container img {
        max-height: 120px;
        width: auto;
        display: flex;
    }

    .stand-img-container:first-child {
        margin: 0 15px 0 0;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .stand-img-container:last-child {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: flex;
        justify-content: center;
    }

.organisationdetail-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.stand-profile-img {
    max-height: 120px;
}
/*
img.stand-cover-img {
    height: 100%;
    position:relative;
}*/

.floorPlanPanel {
}

.floorPlanSVG {
    height: 100vh;
    padding: 0 0 90px 0;
    width: 100vw;
}


.modal span[class*="form-control-static"] {
    color: #FFF;
    font-size: 16px;
}

.modal label {
    color: #FFF;
    font-size: 14px;
}

.card.stand-selected {
    /*border: 1px solid #FFF;*/
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
    /*box-shadow: 0 0 3px #FFF;*/
}

.semsche-ondem-container {
}

.header-container {
    min-height: calc(256px + 15px);
    cursor: pointer;
    background: no-repeat scroll 0 50% / cover;
    -moz-box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1),inset 0px 64px 32px -24px rgba(44,46,49,0.8);
    -webkit-box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1), inset 0px 64px 32px -24px rgba(44,46,49,0.8);
    box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1), inset 0px 64px 32px -24px rgba(44,46,49,0.8);
}

.ondemTitle {
    line-height: 1.2;
    font-weight: 400;
    font-size: 27px;
    flex:1;
}

.floorplanCard .header-container {
    min-height: calc(256px + 15px);
    cursor: pointer;
    background: no-repeat scroll 0 50% / cover;
    -moz-box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1),inset 0px 64px 32px -24px rgba(44,46,49,0.8);
    -webkit-box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1), inset 0px 64px 32px -24px rgba(44,46,49,0.8);
    box-shadow: inset 0px -64px 32px -24px rgba(44,46,49,1), inset 0px 64px 32px -24px rgba(44,46,49,0.8);
}

.user-profile {
    margin: 0 16px 0 0;
    width: 32px;
    height: 32px;
}

.user-profile-img {
    width: 32px;
    height: 32px;
}

.title-registration-container {
    background: linear-gradient(0deg,#181A1D,rgba(44,46,49,0.95));
    padding: 16px 0;
    font-size: 32px;
    margin: 0 0 16px 0;
}

.help-image {
    max-height: calc(100vh - 200px);
}

.center-carousel-content {
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-self: center;
}

.search-text-box {
    border-bottom: 1px solid #545659;
}

.business-info-icon {
    width: 32px;
    height: 32px;
}

.business-info-img {
    width: 32px;
    height: 32px;
}

.delegate-menu-background {
    position: relative;
    background: url('/home/backgroundimage') no-repeat scroll 50% 50% / cover;
    height: 100%;
}

    .delegate-menu-background .delegate-menu-filter {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(24,26,29,0.8);
        height: 100%;
    }

.text-nowrap{
    white-space:nowrap;
}
.btn-floorplan{
    padding:12px 46px;
}

#wait-chat-message {
    color: white;
    margin-top: 20px;
}

#leave-message {
    margin: 40px auto;
    background-color: #181A1D;
    border-radius: 0.4285rem;
    padding: 16px;
}

.chat-profile-img {
    max-height: 30px;
}

.chat-img-container {
    vertical-align: middle;
}

    .chat-img-container img {
        max-height: 40px;
        width: auto;
        display: flex;
    }

    .chat-img-container:first-child {
        margin: 0 15px 0 0;
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
    }

    .chat-img-container:last-child {
        -ms-flex: 1;
        -webkit-flex: 1;
        flex: 1;
        display: flex;
        justify-content: center;
    }

.ddchatButtonGroup {
    width: 90%;
    margin: 0 auto;
}

.ddchatButton {
    padding: 5px 5px 5px 5px;
}

.ddChatSearchCancel {
    opacity: 0.5;
}

.ddMessageThread {
    padding: 5px 5px 5px 5px;
    margin: 5px 5px 5px 5px;
    background: #2C2E31;
}

.ddCard {
    background: transparent;
}

.help-panel-toggle-div {
    width: 100%;
    display: inline-flex;
    justify-content: center;
}

.help-panel-toggle-text {
    margin-right: 5px;
    color: white;
}