body {
  width: 100%;
  height: 100%;
}

.flex-vendors {

  display: -ms-flexbox;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
}

.flex-vendors.column {
  flex-direction: column;
  overflow: hidden;
}

.flex-vendors.full {
  width: 100%;
  height: 100%;
}

.left-panel-flex {
  flex-basis: calc(100% * (5 / 12));
  margin-right: 4px;
}

.right-panel-flex {
  flex-basis: calc(100% * (3 / 12));
}

.chat-flex {
  flex-basis: calc(100% * (4 / 12));
  height: 100%;
  margin-right: 4px;
}

.chat-panel {
  padding-bottom: 0;
}

.info-flex {
  flex-basis: calc(100% * (3 / 12));
  /*margin-right: 8px;*/
}

.chat-list {
  flex-basis: 75%;
  /*margin-top: -40px;*/
  margin-bottom: auto !important;
}

.chat-list-watch {
  flex-basis: 66%;
}

.stretch-between {
  align-items: stretch;
}

.send-chat {
  position: relative;
  width: 100%;
  margin: 0px auto;
  bottom: 0px;
}

.panel-cls {
  height: calc(100% - 47px);
}

.chat-content {
  height: calc(100% - 59px);
  flex-basis: 100%;
  overflow: hidden;
}


.tab-pane {
  height: 100%;
}


.classify {
  flex-basis: 100%;
  margin-bottom: 0px !important;
  height: 100%;
  overflow: hidden;

}

.visitor > .panel-body {
  padding: 0px;
  height: 40%;
  border-bottom: 1px solid grey;
}

.visitor > .panel-body > ul {
  height: 100%;
  margin: 0px;
}

.visitor > .panel-body > ul > li {
  height: 100%;
}

.panel-cls > ul {
  overflow: visible;
  margin-bottom: 0px;
}

.cls-scroll {
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  margin-bottom: 4px;
}

.flex-vendors.stretch {
  width: 100%;
}

.twenty {
  flex-basis: 20%;
}

.thirty {
  flex-basis: 30%;
}

.seventy {
  flex-basis: 70%;
}

.bar-button {
  width: 100%;
  margin: 4px;
  bottom: 0;
}

.tiny {
  flex: 0;
}

.bottom-bar {
  /*margin-bottom: auto;*/
  /*margin: auto 4px;*/
  position: fixed;
  bottom: 8px;
  overflow: hidden;
  width: 24.3%;
  margin-left: 1px;
}

.icon-bar {
  justify-content: space-between;
}


[class*='internal-flex-'] {
  width: 100%;
  height: 100%
}

.internal-flex-1 {
  flex-basis: 30%;
}

.internal-flex-1-1 {
  flex-basis: 5%;

}

.internal-flex-1-2 {
  height: 100%;
  overflow-y: scroll;
  border-right: 1px solid grey;
}

.internal-flex-2 {
  justify-content: space-between;
  margin-left: 8px;
}

.internal-flex-2-1 {
  flex-basis: 400%;
}

.kb-flex {
  height: calc(100% - 59px);
}

.kb-content {
  height: 100%;
  overflow-y: auto;
  scrollbar-width: none;
}

.list-group.kb {
  overflow: visible;
}

.panel-body.no-pad {
  padding: 0px;
}

@media only screen and (max-with: 1200px) {
  .nav-label {

  }
}


.kb-half {
  justify-content: space-between;
  flex-basis: 47%;
}

.kb-quart {
  justify-content: space-between;
  flex-basis: 25%;
}

.kb-quart > * {
  width: 100%;
  position: relative;
}

.lang-icon {
  height: 100%;
  top: 2px;
  justify-content: space-between;
  margin-left: 20px;
}

.lang-icon > * {
  width: 15%;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  cursor: pointer;
}

.lang-icon > .selected {
  border: 1px solid red;
}

.lang-icon > .netherlands {
  background: url("/assets/netherlands.png");
}

.lang-icon > .england {
  background: url("/assets/united-kingdom.png");
}

.lang-icon > .france {
  background: url("/assets/france.png");
}

.trans-btns > * {
  margin-top: 0px;
}

.fa-bit {
  -webkit-transform: scale(1.5, 1.5);
  -ms-transform: scale(1.5, 1.5);
  transform: scale(1.5, 1.5);
}

.flex-around {
  display: flex;
  justify-content: space-around;
}

.flex-start {
  display: flex;
  justify-content: flex-start;
}

.flex-end {
  display: flex;
  justify-content: flex-end;
}