.ar{
  text-align:right;
}
.al{
    text-align:left;
}
.ac{
    text-align:center;
}

$border-spinner:#0088CC;
$shadow-spinner:#0060CC;

/* http://www.alessioatzeni.com/blog/css3-loading-animation-loop/ */
.loader{
  position:fixed;
  top:50%;
  left:50%;
  width:70px;
  height:70px;
  z-index:1000;
}
.circle {
  background-color: rgba(0,0,0,0);
  border:5px solid $border-spinner;
  opacity:.9;
  border-right:5px solid rgba(0,0,0,0);
  border-left:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 35px $shadow-spinner;
  width:50px;
  height:50px;
  margin:0 auto;
  -moz-animation:spinPulse 1s infinite ease-in-out;
  -webkit-animation:spinPulse 1s infinite linear;
}
.circle1 {
  background-color: rgba(0,0,0,0);
  border:5px solid $border-spinner;
  opacity:.9;
  border-left:5px solid rgba(0,0,0,0);
  border-right:5px solid rgba(0,0,0,0);
  border-radius:50px;
  box-shadow: 0 0 15px $shadow-spinner;
  width:30px;
  height:30px;
  margin:0 auto;
  position:relative;
  top:-50px;
  -moz-animation:spinoffPulse 1s infinite linear;
  -webkit-animation:spinoffPulse 1s infinite linear;
}
@-ms-keyframes spinPulse {
  0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -ms-transform:rotate(145deg); opacity:1;}
  100% { -ms-transform:rotate(-320deg); opacity:0; }
}
@-ms-keyframes spinoffPulse {
  0% { -ms-transform:rotate(0deg); }
  100% { -ms-transform:rotate(360deg); }
}
@-o-keyframes spinPulse {
  0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -o-transform:rotate(145deg); opacity:1;}
  100% { -o-transform:rotate(-320deg); opacity:0; }
}
@-o-keyframes spinoffPulse {
  0% { -o-transform:rotate(0deg); }
  100% { -o-transform:rotate(360deg); }
}
@-moz-keyframes spinPulse {
  0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner;}
  50% { -moz-transform:rotate(145deg); opacity:1; }
  100% { -moz-transform:rotate(-320deg); opacity:0; }
}
@-moz-keyframes spinoffPulse {
  0% { -moz-transform:rotate(0deg); }
  100% { -moz-transform:rotate(360deg);  }
}
@-webkit-keyframes spinPulse {
  0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px $shadow-spinner; }
  50% { -webkit-transform:rotate(145deg); opacity:1;}
  100% { -webkit-transform:rotate(-320deg); opacity:0; }
}
@-webkit-keyframes spinoffPulse {
  0% { -webkit-transform:rotate(0deg); }
  100% { -webkit-transform:rotate(360deg); }
}
label.bs-label-ib{
  display:inline-block;
  padding-left:4px;
  padding-right:4px;
}
label.bs-label-ib input{
  margin-right:3px;
  margin-top:0;
}