// @DO - do not modify this file unless requested by the client

// positioning
.position-relative {
    position: relative;
}
.position-absolute {
    position: absolute;
}
.position-fixed {
    position: fixed;
}
.top-0 {
    top: 0
}
.right-0 {
    right: 0
}
.bottom-0 {
    bottom: 0
}
.left-0 {
    left: 0
}
.z-index-1 {
    z-index: 1
}
.z-index-2 {
    z-index: 2
}
.z-index-3 {
    z-index: 4
}

// vertical alignment
.vertical-align-baseline {
    vertical-align: baseline
}
.vertical-align-sub {
    vertical-align: sub
}
.vertical-align-super {
    vertical-align: super
}
.vertical-align-text-top {
    vertical-align: text-top
}
.vertical-align-text-bottom {
    vertical-align: text-bottom
}
.vertical-align-middle {
    vertical-align: middle
}
.vertical-align-top {
    vertical-align: top
}
.vertical-align-bottom {
    vertical-align: bottom
}

// centering
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

// center vertically when container is relatively positioned
.center-vertically {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

@media (min-width: @djo-screen-sm-min) {
    .position-sm-relative {
        position: relative;
    }
    .position-sm-absolute {
        position: absolute;
    }
    .position-sm-fixed {
        position: fixed;
    }
}

@media (min-width: @djo-screen-md-min) {
    .position-md-relative {
        position: relative;
    }
    .position-md-absolute {
        position: absolute;
    }
    .position-md-fixed {
        position: fixed;
    }
}

@media (min-width: @djo-screen-lg-min) {
    .position-lg-relative {
        position: relative;
    }
    .position-lg-absolute {
        position: absolute;
    }
    .position-lg-fixed {
        position: fixed;
    }
}