/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#system_ajax_loading_container{
  height:100%;
  position:fixed;
  top:0;
  width:calc(100%);
  z-index:10000;
  background-color:rgba(138, 138, 138, 0.35);
  text-align:center;
  padding-top:15%;
  backdrop-filter: blur(2px);
}
#system_ajax_loading_container img.loading_img{
  height:200px;
}
#system_ajax_loading_container div.loading_text,
#system_ajax_loading_container div.currently_running{
  font-size:20px;
  background-color:#333;
  display:inline-block;
  border-radius: 0px;
  position: relative;
  top:-5px;
  color:White;
  text-shadow:0px 0px 3px #707070;
  box-shadow: 0px 0px 3px #707070;
  padding-left:60px;
  padding-right:60px;
}
#system_ajax_loading_container div.currently_running{
  text-align: left;
  display: block;
  margin-top:5px;
  padding-left:10px;
  padding-right:10px;
}
/* -------------------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------------------- */
#system_ajax_timer_container{
    position:absolute;
    min-width:100px;
    bottom:0px;
    right:0px;
    z-index:10001;
}
#system_ajax_timer_container div.item{
    text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.75);
    box-shadow:  0px 0px 3px rgba(51, 51, 51, 1);
    color:white;
    margin:4px;
    padding-right:15px;
    padding-left:5px;
    font-weight: 500;
    border-radius: 5px;
    border:1px solid #454952;
    background-color: #16d18e;
}
#system_ajax_timer_container:hover{
  cursor: default;
}
#system_ajax_timer_container div.is_hidden{
    opacity:0;
}
/* #system_ajax_timer_container div.item::before{
    content: "Duration: ";
    text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.75);
} */

  /* #system_ajax_timer_container div.item::after{
    content: " Second";
   text-shadow: 0px 0px 2px rgba(51, 51, 51, 0.75);
  } */