.floating_dot_container {
  position: relative;
}

.floating_dot_container .floating_dot {
  position: absolute;
  top: 12px;
  right: 6px;
  color: red;
  -webkit-animation: flickerAnimation 1s infinite;
  -moz-animation: flickerAnimation 1s infinite;
  -o-animation: flickerAnimation 1s infinite;
  animation: flickerAnimation 1s infinite;
}

.master_layout_container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: var(--gradient-bg);
}

.master_layout_inner_container {
  position: relative;
  height: 100%;
  width: 100%;
}

.master_layout_mid_top {
  cursor: unset;
  top: 0;
  width: 100%;
  z-index: 2;
}

.master_layout_mid_bottom {
  cursor: unset;
  /* background: red; */
  bottom: 0;
  width: 100%;
  height: 18px;
}

.master_layout_middle {
  cursor: unset;
  /* background: blue; */
  height: 100%;
  /* margin-left: 60px; */
  padding: 0px 0px;
  /* margin-top: 45px; */
  /* margin-bottom: 25px; */
  /* padding-top: 79px; */
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: -moz-available;
  height: -moz-available;
  overflow: auto;
  z-index: 1;
}

.master_layout_mid_middle {
  cursor: unset;
  /* background: blue; */
  height: 100%;
  padding: 0px 0px;
  /* padding-top: 79px; */
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: -moz-available;
  height: -moz-available;
  overflow: auto;
  z-index: 1;
}

.master_layout_right {
  cursor: unset;
  right: 0;
  height: 100%;
}

.master_layout_mid_left {
  z-index: 11;
  left: 0;
  cursor: unset;
  background: #27271f;
  height: 100%;
  top: 0;
}

.master_layout_middle_wrapper {
  display: flex;
  position: relative;
  bottom: 0;
  height: -webkit-fill-available;
  height: -moz-available;
  height: 100%;
}

.master_layout_mid_wrapper {
  display: flex;
  flex-direction: column;
  height: -moz-available;
  height: 100%;
}