@charset "UTF-8";

.right-column {
  width: 108px;
  display: inline-block;
  height: 100%;
  flex-shrink: 0;
  margin: 0;
}

.table-wrap, .ovhidden {
  /*width: 100%;*/
	margin: 30px 40px 25px 40px;
  /*height: 80px;*/
  position: relative;
}
.table-wrap .right-wrap, .ovhidden .right-wrap {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  overflow-x: auto;
  overflow-y: hidden;
  transition: all 0.3s ease-in-out;
}
.table-wrap .right-column, .ovhidden .right-column {
  /*background: orange;*/
}
.table-wrap .description, .ovhidden .description {
  color: #fdfdfd;
  background: rgba(0, 0, 0, 0.7);
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  padding: 1em;
  position: absolute;
  z-index: 100;
}

.ovhidden {
  /*background: orangered;*/
  padding: 1em 0 1em 0;
  overflow-x: hidden;
  margin: 1em 0;
  width: 100%;
  transition: all 0.1s ease-in-out;
}
.ovhidden .scrollbar-track {
  content: " ";
  display: block;
  position: absolute;
  white-space: nowrap;
  width: 100%;
  height: 10px;
  background-color: rgba(250, 250, 250, 0.85);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  z-index: 100;
  bottom: 10px;
}
.ovhidden .scrollbar-thumb {
  content: " ";
  display: block;
  position: absolute;
  white-space: nowrap;
  width: 50%;
  left: 0;
  height: 10px;
  border-radius: 10px;
  z-index: 101;
  bottom: 10px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #999;
}
.ovhidden .right-wrap {
  height: 100%;
  width: 100%; 
  background: gold;
  transform: translateX(0px);
  overflow-x: visible;
}
.ovhidden .right-column {
  /*background: orange;*/
}

.right-wrap::-webkit-scrollbar {
  height: 10px;
  background-color: #F5F5F5;
}

.right-wrap::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.right-wrap::-webkit-scrollbar-thumb {
  border-radius: 10px;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
  background-color: #6d93ff;
}

.clienttt	{ width: 108px;}