.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_top {
  cursor: unset;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}

.master_layout_bottom {
  cursor: unset;
  /* background: red; */
  position: absolute;
  bottom: 0;
  width: 100%;
  min-height: 40px;
}

.master_layout_middle {
  cursor: unset;
  /* background: blue; */
  height: 100%;
  margin-left: 73px;
  padding: 0px 8px;
  margin-top: 55px;
  margin-bottom: 27px;
  /* padding-top: 79px; */
  position: absolute;
  width: -webkit-fill-available;
  height: -webkit-fill-available;
  width: -moz-available;
  height: -moz-available;
  overflow: auto;
  z-index: 1;
}

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

.master_layout_left {
  z-index: 11;
  min-width: 77px;
  left: 0;
  cursor: unset;
  position: absolute;
  height: 100%;
  top: 0;
}


@media(max-width:528px) {

  .master_layout_left {
    min-width: unset;
  }

  .master_layout_middle {
    cursor: unset;
    height: 100%;
    margin-left: 0px;
    padding: 0px 8px;
    margin-top: 55px;
    margin-bottom: 0px;


  }
}