#inner-content-wrapper {
  position: relative;
  display: flex;
  flex: 1;
  min-height: calc(100% - 70px);
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

#inner-content-wrapper.inner-section {
  padding: 0.75rem;
}

#inner-content-wrapper.inner-section-liveevents {
  padding: 0 !important;
}


#inner-content-rows {
  position: relative;
  display: flex;
  align-content: start;
  flex-wrap: wrap;
  width: 100%;
}

.relative {
  position: relative;
}

.absolute-top-right {
  position: absolute;
  top: 0;
  right: 15px;
}

#infobox {
  position: relative;
  padding: 1rem 1rem;
}  

.messaging-center {
  position: relative;
  display: flex;
  align-content: start;
  flex-wrap: wrap;
  width: 100%;
  max-height: calc(100% - 200px);
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
    border-color: #dddfeb;
}

.slidepanel {
    width: 400px !important;
    overflow: hidden;
}

.slidepanel.slidepanel-toggled {
    overflow: visible;
    width: 4rem !important;
    flex-direction: column !important;
}

.slidepanelHeader {
    flex: 1 1 auto;
    text-align: center;
    margin-bottom: -1px;
}

.slidepanelHeader * {
    background-color: #E4212F;
    color: #FFFFFF;
    display: block;
    padding: 0.5rem 1rem;
}


@media (max-width: 768px) {
.slidepanel.slidepanel-toggled {
    width: 0 !important;
    overflow: hidden;
}
}

.slidepanel .collapseContent .show {
    border-top: #dddfeb solid 1px;
    display: flex;
}

.profile-fields {
   display:flex-inline; 
   max-width: 100vw;
}

#rightSidebarWrapper .profile-fields {
  max-width: 380px;
}

.profile-fields * {
  
}

.profile-field-header {
    min-width: 30%;
}

.profile-field-body {
    min-width: 60%;
}


.grid {
    display: flex;
}

.grid-3 {
    flex: 0 0 75%;
    max-width: 75%;
}

.bg-corporate-image.bg-type3-image {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("../img/shiftcx_eventnet.jpg");
  background-position: center;
  background-size: cover;
}

.bg-corporate-image.bg-type6-image {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("../img/d2m_eventnet.jpg");
  background-position: center;
  background-size: cover;
}

.bg-corporate-image.bg-type9-image {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("../img/iom_eventnet.jpg");
  background-position: center;
  background-size: cover;
}

.bg-corporate-image.bg-type12-image {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("../img/ert_eventnet.jpg");
  background-position: center;
  background-size: cover;
}

.bg-corporate-image.bg-type5-image {
  /*background: url("https://source.unsplash.com/K4mSJ7kc0As/600x800");*/
  background: url("../img/shifthr_eventnet.jpg");
  background-position: center;
  background-size: cover;
}


.bg-corporate-image {
  background: url("../img/login-background.jpg");
  background-position: center;
  background-size: cover;
}



.profileImageInList {
    width: 60px;
    height: 60px;
}

.chatProfile {
    width: 40px;
    height: 40px;
}

.leaderboardProfile {
    width: 80px;
    height: 80px;
}


.speakerName {
    display: block;
}

.flex-even {
  flex: 1;
}

.flex-grow {
 flex: 1 0 auto;
}

@media (max-width: 767px) {
     .nav-tabs {
         min-width: 100%;
         display: inline-grid;
     }
}

.hide, .hidden {
    display: none;
}

.message {
   font-size: 1.1rem !important;
}

.message.error {
   padding: 5px 5px !important;
   background-color: #f6c23e;
   width: 100%;
}

.message-river .message {
   font-size: 1.0rem !important;
}

.message-river .message.chat {
   font-size: 0.8rem !important;
}

.message-box {
    display: flex;
    width: 100%;
    flex: 1;
    flex-direction: column;
}

.message-box-chat {
    background-color: white;
}


.message-form {
   width: 100%
}

#message-filter {
   width: 100%
}

#message-filter a {
   margin-bottom: 0.75rem;
}

.message-list-container {
    flex-direction: column;
    flex: 1 0 0px;
    width: 100%;
    height: 100%;
    display:flex; 
}

.message-list-container-chat {
   flex-direction:column-reverse;
   font-size: 0.8rem !important;
   padding: 3px;
   background-color: white;
   height: 65vh;
}

.message-list-container-directchat {
    flex-direction:column-reverse;
    max-height: 90%;
    background-color: white;
}

.inline .message-list-container-directchat {
    max-height: 400px;
}


.message-list {
    min-height: auto;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    justify-content: flex-start;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
   padding-right: 1rem;
}

.message-list-container-chat .message-list {

}


#chatbox-row {
  position:fixed; 
  bottom: 0px; 
  right: 0;
  display: flex;
  align-content: end;
}

.chatbot .action-header {
   height: 20px;
   background-color: #f8f9fc;
}

.tab-content {
 border: 1px solid transparent;
 border-color: #fff #dddfeb #dddfeb;
}

.formbox {
  background-color: #fff !important;
  width: 100% !important;
}

.formbox-directchat {
 
}



.input.checkbox label {
   padding-left: 25px;
}

.input.checkbox label input[type=checkbox] {
   margin-left: -25px !important;
   margin-right: 10.5px !important;
   padding-left: 0px;
}

.deactivated_link {
	pointer-events:none;
}

@media (max-width: 768px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.carousel-inner .carousel-item.active,
.carousel-inner .carousel-item-next,
.carousel-inner .carousel-item-prev {
    display: flex;
}

/* display 3 */
@media (min-width: 768px) {
    
    .carousel-inner .carousel-item-right.active,
    .carousel-inner .carousel-item-next {
      transform: translateX(33.333%);
    }
    
    .carousel-inner .carousel-item-left.active, 
    .carousel-inner .carousel-item-prev {
      transform: translateX(-33.333%);
    }
}

.carousel-inner .carousel-item-right,
.carousel-inner .carousel-item-left{ 
  transform: translateX(0);
}



figure.objectfit {
   overflow:hidden; /*hide bounds of image */
   margin:0;   /*reset margin of figure tag*/
   position: relative;
}

figure.objectfit img {
    object-fit: cover;
}

figure.profilepic {
   width:60px;
}
figure.profilepic img {
    width: 60px;
    height: 60px;
}

figure.largeProfile{
   width:300px; /*container-width*/
}
figure.largeProfile img {
    width: 300px;
    height: 300px;
}

span.user_is_online {
   position: absolute;
   bottom:0;
   right:0;
}

.tabbedContainer .tab-pane {
  padding: .5em .5em;
  border: 1px solid #ddd;
}

.tabbedContainer .tab-content {
  background-color: #fff;
}

.tabbedContainer .nav-tabs {
  border-bottom: none;
}

.poll-results-multiple .result-item .data {
  font-size: .9rem;
}

.poll-results-multiple .result-item .data .data-text {
  position:absolute;
  color: #444;
}

.poll-results-multiple .result-item .result-answer { width: 70%; padding-right: 1rem;}
.poll-results-multiple .result-item .result-answer-bar { width: 30%; }

.show-result-panel .result-item .result-answer { width: 60%; }
.show-result-panel .result-item .result-answer-bar { width: 40%; }

.show-result-panel .poll-results-multiple .result-item .data.bg-primary .data-text { color: #fff; }


.message .useractions {
   visibility: hidden;
}  

.message:hover .useractions {
   visibility: visible;
} 

.socials i {
    margin-right: 14px;
    font-size: 17px;
    color: #d2c8c8;
    cursor: pointer
}

div.newsUpdatesBox div.active a {
 color: #fff;
}

.video-thumbnail a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  margin: 30px;
}

.video-thumbnail a:before {
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    content: "\f01d";
    font-family: 'FontAwesome';
    font-size: 100px;
    color: #fff;
    opacity: .8;
    text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
  }

.video-thumbnail a:hover:before {
    color: #eee;
}

.video-link {
  position: relative;
  float: left;
  img {
    display: block;
  }
  &:after, &:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
  }
  &:after {
    width: 0;
    height: 0;
    border: 16px solid transparent;
    border-left: 20px solid #fff;
    margin-top: -18px;
    margin-left: -7px;
    -webkit-filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.25));
  }
  &:before {
    margin-top: -34px;
    margin-left: -34px;
    width: 60px;
    height: 60px;
    border: 3px solid #fff;
    border-radius: 50%;
    box-shadow: 0 0 4px rgba(black, 0.18);
    background: rgba(black, 0.42);
  }
  &:hover {
    &:before {
      background: rgba(black, 0.7);
    }
  }
}


# FOM Styles
body.theme-fom.bg-login {
    background-color: #0090a0;
    background-image: linear-gradient(180deg, #0090a0 10%, #0090a0 100%);
    background-size: cover;
}


body.theme-fom .bg-gradient-primary {
    background-color: #0090a0;
   background-image: linear-gradient(180deg, #36b9cc 10%, #9ac11a 100%);
    background-size: cover;
}

body.theme-fom .bg-primary {
    background-color: #0090a0 !important;
}


div.nav-item {
    font-weight: bold;
}

.list-group-item-primary {
    background: #0090a0;
    color: #ffffff;
    border-color: #0090a0;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
    background: #0eb9cc;
    color: #ffffff;
    border-color: #0eb9cc;
}

//.btn-primary {
//    background: #0090a0;
//    color: #ffffff;
//    border-color: #0090a0;
//}


# SHIFTCX Styles

body.theme-scx.bg-login {
    background-color: #0068a9;
    background-image: linear-gradient(180deg, #0068a9 10%, #00629f 100%);
    background-size: cover;
}


body.theme-scx .bg-gradient-primary {
    background: rgb(0,16,29);
    background: linear-gradient(180deg, rgba(0,16,29,1) 10%, rgba(38,38,38,1) 20%, rgba(0,104,169,1) 100%);
    background-size: cover;
}

body.theme-scx .bg-primary {
    background: rgb(0,16,29) !important;
}


body.theme-scx .nav-tabs .nav-link, body.theme-iom .nav-tabs .nav-item .nav-link {
background-color: rgb(0,16,29);
border: #ffffff;
color: #FFFFFF;
}

body.theme-scx .nav-tabs .nav-link.active, body.theme-iom .nav-tabs .nav-item.show .nav-link {
background-color: #E4212F;
color: #FFFFFF;
}

body.theme-scx footer.bg-dark {
background: rgb(0,16,29) !important;
color: #FFFFFF !important;
}

body.theme-scx .list-group-item.active {
    background-color: #E4212F;
    border-color: #E4212F;
}

body.theme-scx .btn-primary {
    color: #fff;
    background-color: #00629f;
    border-color: #00629f;
}

body.theme-scx .list-group-item-primary {
    background: #00629f;
    color: #ffffff;
    border-color: #00629f;
}


# IOM Styles
body.theme-iom.bg-login {
    background-color: #005aa2;
    background-image: linear-gradient(180deg, #005aa2 10%, #005aa2 100%);
    background-size: cover;
}


body.theme-iom .bg-gradient-primary {
    background: url(https://www.kongressmedia.de/fileadmin/_processed_/a/0/csm_event-net-leiste_32d76a52d3.jpg) no-repeat center;
    background-size: cover;
}
    

body.theme-iom .bg-primary {
    background-color: #005aa2 !important;
text-align: center;fc
}

body.theme-iom .nav-tabs .nav-link, body.theme-iom .nav-tabs .nav-item .nav-link {
background-color: #005AA2;
color: #FFFFFF;
}

body.theme-iom .nav-tabs .nav-link.active, body.theme-iom .nav-tabs .nav-item.show .nav-link {
background-color: #EF85A5;
color: #FFFFFF;
}

body.theme-iom #content .container-fluid .row>div:first-child {
margin-bottom: 2rem;
}

# Shift/HR EEM Styles
body.theme-shifthr.bg-login {
    background-color: #5cc5ab;
    background-image: linear-gradient(180deg, #5cc5ab 10%, #5cc5ab 100%);
    background-size: cover;
}


body.theme-shifthr .bg-gradient-primary {
    background-color: #5cc5ab;
    background-image: linear-gradient(180deg, #5cc5ab 10%, #5cc5ab 100%);
    background-size: cover;
}

body.theme-shifthr .bg-primary {
    background-color: #5cc5ab !important;
}

# ERT Styles
body.theme-ert .bg-gradient-primary {
    background-color: #0068a9;
}