.z-index-bottom{
    z-index:-1;
}
.z-index-below{
    z-index:0;
}
.z-index-above{
    z-index:1;
}
.z-index-top{
    z-index:2;
}

.z-index-super {
  z-index: 999999;
}

.right {
    right:0px;
}
.left {
    left: 0px;
}
.top {
    top: 0px;
}
.bottom {
    bottom: 0px;
}

.float-left{
    float:left;
}
.float-right{
    float:right;
}
.float-clear{
    clear:both;
}

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

.inline {
    display:inline-block;
}

.block {
  display: block;
}

.overflow {
    overflow:hidden;
}
.wide {
    width: 100%;
}

.fill {
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
}

.full {
    top: 0px;
    bottom: 0px;
}

.high{
    height:100%;
}

.relative {
  position: relative !important;
}

@media (min-width : 240px) {
    .absolute-xs{
        position:absolute;
    }
    .fixed-xs{
        position:fixed;
    }
    .relative-xs{
        position:relative;
    }
}


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


@media (min-width : 992px) {

    .absolute-md{
        position:absolute;
    }
    .fixed-md{
        position:fixed;
    }
    .relative-md{
        position:relative;
    }
}


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