.gojitalknavigation {
    display: flex;
    flex-direction: column;
}

.gojitalknavigation .gojitalk-header {
    background-color: #0eb3fc;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gojitalknavigation .animation-container {
    margin: 0;
}

.gojitalknavigation .backButtonContainer,
.gojitalknavigation.online .camera-icon-container,
.gojitalknavigation .leave-btn-container {
    width: 30%;
    display: flex;
    justify-content: center;
    align-content: center;
}
.gojitalknavigation.online .camera-icon-container {
    justify-content: space-evenly;
}
.gojitalknavigation .gojitalk-header .backButtonContainer.fromTopBarContainer {
    left: 0;
}
.gojitalknavigation .backButtonContainer .backButton {
    position: relative;
}
.gojitalknavigation .leave-btn-container .gojiwiseicon {
    width: auto;
}

.gojitalknavigation .gojitalk-title {
    color: white;
    width: 40%;
    text-align: center;
    overflow: hidden;
}
.gojitalknavigation.online .action-btns-container {
    display: flex;
}

.gojitalknavigation .action-btns-container {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #bde9ff;
    height: 95px;
    justify-content: center;
    align-items: center;
}

.gojitalknavigation .viewersContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.gojitalknavigation.participants .main-view,
.gojitalknavigation.participants .camera-icon-container,
.gojitalknavigation.posts-view .main-view,
.gojitalknavigation.posts-view .camera-icon-container,
.gojitalknavigation .posts-view-container,
.gojitalknavigation .participants-view-container,
.gojitalknavigation .backButtonContainer,
.gojitalknavigation .camera-icon-container {
    display: none;
}

.gojitalknavigation.posts-view .backButtonContainer,
.gojitalknavigation.posts-view .posts-view-container,
.gojitalknavigation.participants .backButtonContainer,
.gojitalknavigation.participants .participants-view-container {
    display: block;
}

.dialog .gojitalknavigation .backButtonContainer {
    position: relative;
}

.gojitalknavigation .layout-switch {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/gojiwise/private-call-speaker-view-icon.svg);
    background-size: cover;
    width: 41px;
    height: 41px;
}
.gojitalknavigation .camera-icon {
    background-image: url(http://d1gq9jzbezk7fw.cloudfront.net/p/en_US/gv/i/v2/gojiwise/flip-camera.svg);
    background-size: cover;
    width: 46px;
    height: 41px;
}

.gojitalknavigation .privatemessages .header-container {
    display: none;
}

.gojitalknavigation .grid-layout .viewersGrid,
.gojitalknavigation .speaker-layout .speakerView {
    display: block;
}

.gojitalknavigation .speaker-layout .viewersGrid,
.gojitalknavigation .grid-layout .speakerView {
    display: none;
}
.gojitalknavigation .modal-header,
.gojitalknavigation.modal.show .modal-dialog,
.gojitalknavigation .modal-body {
    height: auto !important;
}