.xm-submit-loader{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color: rgba(81, 81, 81, 0.5); 
    display:none;
}

html.xm-validate .xm-submit-loader, html.xm-submit .xm-submit-loader{
    display:block;
}

.xm-validate .xm-submit-loader-box, .xm-submit .xm-submit-loader-box{
    max-width:360px;
    margin:auto;
    padding: 20px 40px;
    width: 300px;
    max-height:300px;
    overflow-y:auto;
    position:fixed;
    overflow-x:hidden;
    background: rgba(255, 255, 255, 1);   
}

.xm-submit-progress-bar {
  background-color: whiteSmoke;
  border-radius: 2px;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) inset;

  width: 100%;
  height: 20px;
  margin-bottom:10px;

  position: relative;
  display: block;
}

.xm-submit-msg{
    font-weight:bold;
    display:inline-block;
    color:#E32219;
    text-align:center;
    width: 100%;
}
.xm-submit-progress-msg{
    display:inline-block;
    color:#E32219;
    font-size: 24px !important;
    width:100%;
    text-align:center;
}

.xm-submit-progress-msg::after {
    content: "%";
    color:#E32219;
    font-size: 24px;
}


.xm-submit-progress-bar .xm-submit-progress {
 /* background-color: blue;*/
  border-radius: 2px;
  color:white;
  text-align:right;
  padding-right:2px;
  display: block;
  width:0;
  height: 20px;
  font-size:24px;
  line-height:24px;
  overflow:hidden;
  background-color: #E32219;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(227, 34, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
  box-shadow: 0px 0px 12px 0px rgba(227, 34, 25, 1),inset 0px 1px 0px 0px rgba(255, 255, 255, 0.45),inset 1px 0px 0px 0px rgba(255, 255, 255, 0.25),inset -1px 0px 0px 0px rgba(255, 255, 255, 0.25);
}