html, body{
    background-color: gray;
    overflow: hidden;
    font-family: Roboto;
}

.page_wrapper{
    background-color: #2980b0;
    position: absolute;
    top: 0;
    left: 0;
    height: calc(100% - 20px);
    width: 100%;
    display: flex;
}


.layout_container{
    background-color: gray;
    height: calc(100% - 30px); 
    /* height: 100%; */ 
    width: 100%;
    position: absolute;
    left: 0;
    /* top: 45px; */
    top: 45px;
    /* box-shadow: -3px 0px 9px 0px rgba( 0, 0, 0, 0.4 ); */
}

.progress_bar_parent {
  background-color: rgb(43, 43, 43);
  width: 100%;
  height: 20px;
  /* position: absolute; */
  /* bottom: 0; */
  z-index: 1000000000;
  display: flex;
  color: white;
  font-family: Roboto;
  font-size: 14px;
  overflow: visible;
  white-space: nowrap;
}

.progress_bar{
  width: 100%;
  height: 30px;
  background-color: green;
}

.update_mp_overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.35);
  z-index: 99999;

  display: none;
}


.update_mp {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 500px;
  height: 175px;
  background-color: black;
  border: 1px solid white;
  border-radius: 10px;
  z-index: 100000;

  color: white;
  font-family: Roboto;
  font-size: 14px;

  display: none;
}

.update_mp_extra {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 300px;
  height: 275px;
  background-color: black;
  border: 1px solid white;
  border-radius: 10px;
  z-index: 100000;

  color: white;
  font-family: Roboto;
  font-size: 14px;

  display: none;
}



/* Scrollbar style */
::-webkit-scrollbar{
  height: 10px;
  width: 10px;
}
::-webkit-scrollbar-thumb:horizontal{
  background: gray;
}
::-webkit-scrollbar-thumb:vertical{
  background: gray;
}
::-webkit-scrollbar-track {
  background: rgb(209, 209, 209);
}

/* Visited link color */
a:visited {color:white;}

/* Default link color */
a:link {
  color: rgb(0, 185, 218);
}

.header{
  background-color: rgb(131, 131, 131);
  height: 45px;
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}
.header_logo_space{
  background-color: #121212;
  /* flex: 0.1675; */
  /* flex: 0; */
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  object-fit: fill;
}
.header_button_space{
  background-color: rgb(117, 117, 117);
  flex: 0;
  height: 100%;
}
.header_link_space{
  background-color: rgb(122, 122, 122);
  flex: 0.417;
  height: 100%;
}

.button_link{
  cursor: pointer;
}
.button_link:hover{
  background-color: gray;
  transition: 0.15s;
}