/* css attributes not specific to any particular project */

.left { float: left; }
.right { float: right; }
.hidden { display: none; }
.disabled { pointer-events: none; cursor: default; color: #bababa !important; }
.table { display: table; }
.row { display: table-row; }
.cell { display: table-cell; }
.clear { clear: both; }
.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}
a { text-decoration: none; }
ul { padding: 0px; }
img { border-width: 0px; }              /* remove borders on images for IE */
table { border-collapse: collapse; }
iframe { border: 0px solid #f00; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.inline-block { display: inline-block; }

/* text-overflow: ellipse not working on firefox */

.truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.truncate.truncate50 { max-width: 50px; }
.truncate.truncate60 { max-width: 60px; }
.truncate.truncate75 { max-width: 75px; }
.truncate.truncate90 { max-width: 90px; }
.truncate.truncate100 { max-width: 100px; }
.truncate.truncate125 { max-width: 125px; }
.truncate.truncate150 { max-width: 150px; }
.truncate.truncate175 { max-width: 175px; }
.truncate.truncate200 { max-width: 200px; }
.truncate.truncate250 { max-width: 250px; }
.truncate.truncate300 { max-width: 300px; }
.truncate.truncate400 { max-width: 400px; }
.truncate.truncate500 { max-width: 500px; }
.truncate.truncate600 { max-width: 600px; }
.truncate.truncate700 { max-width: 700px; }