.margin-tb-x3 {
  margin : 60px 0;
}

.margin-top-x1 {
  margin-top : 20px;
}

.margin-top-x2 {
  margin-top : 40px;
}

.margin-top-x3 {
  margin-top : 60px;
}

.margin-bottom-x1 {
  margin-bottom : 20px;
}

.margin-bottom-x2 {
  margin-bottom : 40px;
}

.margin-bottom-x3 {
  margin-bottom : 60px;
}

.bordered-top {
  border-top  : 1px solid fade(@font-color, 30%);
  padding-top : 15px;
}

.text-center {
  text-align : center;
}

.text-left {
  text-align : left;
}

.text-right {
  text-align : right;
}

.rsfirewall-hidden {
  display : none;
}

.selectize-input{
  width:190px;
}

//
// Helpers
// -----------------------------------------------------------------------------

.clearfix() {
  &:before,
  &:after {
    content : " "; // 1
    display : table; // 2
  }
  &:after {
    clear : both;
  }
}

.header(@bg-color, @text-color) {
  min-height       : 350px;
  width            : 100%;
  padding          : 55px 0 55px 0;
  position         : relative;
  background-color : @bg-color;
  color            : @text-color;
}

.box-shadow (@shadow1) {
  -webkit-box-shadow : @shadow1;
  -moz-box-shadow    : @shadow1;
  -ms-box-shadow     : @shadow1;
  -o-box-shadow      : @shadow1;
  box-shadow         : @shadow1;
}

.text-shadow(@h, @v, @blur, @color) {
  text-shadow : @h @v @blur @color;
}

.transition-duration(@duration: 0.2s) {
  -moz-transition-duration    : @duration;
  -webkit-transition-duration : @duration;
  -o-transition-duration      : @duration;
  transition-duration         : @duration;
}

.opacity(@opacity: 0.5) {
  -moz-opacity    : @opacity;
  -khtml-opacity  : @opacity;
  -webkit-opacity : @opacity;
  opacity         : @opacity;
  @opperc: @opacity * 100;
  -ms-filter      : ~"progid:DXImageTransform.Microsoft.Alpha(opacity=@{opperc})";
  filter          : ~"alpha(opacity=@{opperc})";
}

.transition(@duration:0.2s, @ease:ease-out) {
  -webkit-transition : all @duration @ease;
  -moz-transition    : all @duration @ease;
  -o-transition      : all @duration @ease;
  transition         : all @duration @ease;
}

.transform(...) {
  -webkit-transform : @arguments;
  -moz-transform    : @arguments;
  -o-transform      : @arguments;
  -ms-transform     : @arguments;
  transform         : @arguments;
}

.rotation(@deg:5deg) {
  .transform(rotate(@deg));
}

.scale(@ratio:1.5) {
  .transform(scale(@ratio));
}

.translate(@x:0, @y:0) {
  .transform(translate(@x, @y));
}