.form-horizontal .control-label.text-left{
    text-align: left!important;
}

.row-no-margin{
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.loader{
  position: fixed; /* Sit on top of the page content */
  width: 100%; /* Full width (cover the whole page) */
  height: 100%; /* Full height (cover the whole page) */
  top: 0; 
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
  z-index: 10000; /* Specify a stack order in case you're using a different order for other elements */
  cursor: pointer; /* Add a pointer on hover */
}

#loader-4 span{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  background-color: #3498db;
  margin: 35px 5px;
  opacity: 0;
  z-index:2000;
}

#loader-4 span:nth-child(1){
  position: fixed;
  top:50%;
  left:45%;
  animation: opacitychange 1s ease-in-out infinite;
}

#loader-4 span:nth-child(2){
  position: fixed;
  top:50%;
  left:50%;
  animation: opacitychange 1s ease-in-out 0.33s infinite;
}

#loader-4 span:nth-child(3){
  position: fixed;
  top:50%;
  left:55%;
  animation: opacitychange 1s ease-in-out 0.66s infinite;
}

@keyframes opacitychange{
  0%, 100%{
    opacity: 0;
  }

  60%{
    opacity: 1;
  }
}