.left {
    float: left;
}

.right {
    float: right;
}

.clear {
    clear: both;
}

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

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

.hidden {
    display: none;
}

table.test-table tr td, .test {
    border: 1px solid red;
}

.white {
    color: #ffffff;
}

.black {
    color: #000000;
}

.btn {
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 0 top;
}

.btn:hover {
    background-position: 0 bottom;

}

/* ========= CUSTOM =============  */

.an-op {
    -moz-transition-property: opacity;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.an-cl {
    -moz-transition-property: color;
    -webkit-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}

.an-bg {
    -moz-transition-property: background;
    -webkit-transition-property: background;
    -o-transition-property: background;
    transition-property: background;
    -moz-transition-duration: 300ms;
    -webkit-transition-duration: 300ms;
    -o-transition-duration: 300ms;
    transition-duration: 300ms;
}