/* @import url(https://fonts.googleapis.com/css?family=Raleway:100,600,400); */

*,body{
  transition: all 0.3s ease;
  /* font-family: 'Raleway', sans-serif; */
}

@keyframes rotateAnimation {
    0%   {transform: rotate(0deg);}    
    100% {transform: rotate(360deg);}
}
@-webkit-keyframes wk-rotateAnimation {
    0%   {-webkit-transform: rotate(0deg);}    
    100% {-webkit-transform: rotate(360deg);}
}

.failed {
  color: red !important;
}
.done {
  color: green !important;
}

.button-holder{
  padding-top:100px;
}
.ajax-button{
  position:relative;
  display:inline-block;
  width:100px;
  height:40px;
  /* left:50%; */
  /* top:50%; */
  /* margin-left:-50px; */
  margin-top:-20px;
  text-align:center;
}
.submit{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* width:100px; */
  /* height:40px; */
  /* background-color:#0275d8;
  border:2px solid #0275d8;
  border-radius:10px;
  color:#FFFFFF; */
  /* font-size:17px; */
  cursor:pointer !important;
  outline:none;
}
.submit:hover{
  /* background-color:#222222; */
}
.loading{
  font-size:0;
  width:30px;
  height:30px;
  margin-top:5px;
  border-radius:15px;
  padding:0;
  border:3px solid #0275d8;
  border-bottom:3px solid rgba(255,255,255,0.0);
  border-left:3px solid rgba(255,255,255,0.0);
  background-color:transparent !important;  
  animation-name: rotateAnimation;
  -webkit-animation-name: wk-rotateAnimation;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
}
.fa{
  color: #0275d8;
  font-size:18px !important;
  position:absolute;
  left:50%;
  top:50%;
  margin-left:-9px;  
  margin-top:-9px;
  margin-top: -13px;
  -webkit-transform:scaleX(0) !important;
  transform:scaleX(0) !important;
}
.finish{
  -webkit-transform:scaleX(1) !important;
  transform:scaleX(1) !important;
}
.hide-loading{
  opacity:0;
  -webkit-transform: rotate(0deg) !important;
  transform: rotate(0deg) !important;
  -webkit-transform:scale(0) !important;
  transform:scale(0) !important;
}