@header-height: 44px;

@screen-min-xs: 480px;
@screen-max-xs: 479px;

@screen-min-s: 758px;
@screen-max-s: 757px;

@screen-min-m: 1002px;
@screen-max-m: 1001px;
@screen-min-m-new: 1200px;
@screen-max-m-new: 1199px;

@screen-min-l: 1490px;
@screen-max-l: 1489px;

@modal-lg: 900px;

@screen-sm-min2: 758px;
@grid-gutter-width: 24px;
@container-tablet: (708px + @grid-gutter-width);
@container-sm: @container-tablet;
@screen-md: 1002px;
@screen-md-min: @screen-md;
@container-desktop: (952px + @grid-gutter-width);
@container-md: @container-desktop;
@screen-lg: 1490px;
@screen-lg-min: @screen-lg;
@container-large-desktop: (1440px + @grid-gutter-width);
@container-lg: @container-large-desktop;

.lz-pl-container {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 12px;
    @media(min-width: @screen-min-s) {
        width: 732px;
        padding: 0;
    }
    @media(min-width: @screen-min-m) {
        width: 976px;
    }
    @media (min-width: @screen-min-l) {
        width: 1440px;
    }
}

.lz-pl-container-new {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 0 12px;
    @media(min-width: @screen-min-s) {
        width: 732px;
        padding: 0;
    }
    @media(min-width: @screen-min-m-new) {
        width: 1200px;
    }
    @media (min-width: @screen-min-l) {
        width: 1440px;
    }
}

.lz-rotate(@degrees) {
    -webkit-transform: rotate(@degrees);
        -ms-transform: rotate(@degrees); // IE9 only
            -o-transform: rotate(@degrees);
                transform: rotate(@degrees);
}

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

.transitionDouble(@transition1, @transition2) {
    -webkit-transition: @transition1, @transition2;
       -moz-transition: @transition1, @transition2;
         -o-transition: @transition1, @transition2;
            transition: @transition1, @transition2;
}

.transitionTriple(@transition1, @transition2, @transition3) {
    -webkit-transition: @transition1, @transition2, @transition3;
       -moz-transition: @transition1, @transition2, @transition3;
         -o-transition: @transition1, @transition2, @transition3;
            transition: @transition1, @transition2, @transition3;
}

.rotate(@degrees) {
    -webkit-transform: rotate(@degrees);
        -ms-transform: rotate(@degrees); // IE9 only
            -o-transform: rotate(@degrees);
                transform: rotate(@degrees);
}

.animation(@animation) {
    -webkit-animation: @animation;
        -o-animation: @animation;
            animation: @animation;
}

.box-shadow(@shadow) {
    -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1
        box-shadow: @shadow;
}

.box-double-shadow(@shadow1, @shadow2) {
    -webkit-box-shadow: @shadow1, @shadow2; // iOS <4.3 & Android <4.1
        box-shadow:  @shadow1, @shadow2;
}

.scale(@ratio) {
    -webkit-transform: scale(@ratio);
        -ms-transform: scale(@ratio); // IE9 only
            -o-transform: scale(@ratio);
                transform: scale(@ratio);
}

.scale(@ratioX; @ratioY) {
    -webkit-transform: scale(@ratioX, @ratioY);
        -ms-transform: scale(@ratioX, @ratioY); // IE9 only
            -o-transform: scale(@ratioX, @ratioY);
                transform: scale(@ratioX, @ratioY);
}

.box-sizing(@boxmodel) {
    -webkit-box-sizing: @boxmodel;
        -moz-box-sizing: @boxmodel;
            box-sizing: @boxmodel;
}

.clip(){
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.translate(@x; @y) {
    -webkit-transform: translate(@x, @y);
        -ms-transform: translate(@x, @y); // IE9 only
            -o-transform: translate(@x, @y);
            transform: translate(@x, @y);
}

.lawmaking-background(){
    background-image:data-uri('/dist/ng2/src/assets/pl-header-assets/img/lawmaking.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.modal-lg { width: @modal-lg; }

.user-select(@select) {
    -webkit-user-select: @select;
    -moz-user-select: @select;
    -ms-user-select: @select; // IE10+
    user-select: @select;
}

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

.placeholderColor(@color){
    &::-webkit-input-placeholder {
      color: @color;
    }
    &::-moz-placeholder {
      color: @color;
    }/* Firefox 19+ */
    &:-moz-placeholder {
      color: @color;
    }/* Firefox 18- */
    &:-ms-input-placeholder {
      color: @color;
    }
  }