.left { text-align: left !important; }
.center { text-align: center !important; }
.right, input.number, input.year { text-align: right !important; }
.justify { text-align: justify !important; }
.top { vertical-align: top !important; }
.middle { vertical-align: middle !important; }
.bottom { vertical-align: bottom !important; }

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

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

.clearfix:before, .clearfix:after { content: ' '; display: table; clear: both; zoom: 1; }

.linethrough { text-decoration: line-through !important }

a { text-decoration: none; }
a img { border: 0; outline: 0; }
input, button, textarea, select { -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }

img { max-width: 100%; height: auto; }

.icon { text-align: center; vertical-align: middle; }
.icon img { display: block; margin: auto; }

.nowrap { white-space: nowrap !important; }
.nomargin { margin: 0 !important; }
.nopad { padding: 0 !important; }
.noborder { border: 0 !important; }
.nobg { background: none !important; }
.bordercollapse { border-collapse: collapse; }

.inline { display: inline !important; }
.block { display: block !important; }
.inline-block { display: -moz-inline-stack; display: inline-block !important; vertical-align: top; }
* html .inline-block { zoom: 1; display: inline !important; _height: 30px; } /* Hack for IE6 */
* + html .inline-block { zoom: 1; display: inline !important; _height: 30px; } /* Hack for IE7 */

.table, div.data { display: table; }
.table-row, div.data > div { display: table-row; }
.table-cell, div.data > div > div { display: table-cell; }

.lighter { opacity: .75; }
.light { opacity: .6; }
.superlight { opacity: .125; }

.superscript { position: relative; top: -0.3em; font-size: 90%; }
.monospace { font-family: monospace, monospace; }

.uppercase { text-transform: uppercase; }
.lowercase { text-transform: lowercase; }

.hidden { display: none; }
.invisible { visibility: hidden; }

.absolute { position: absolute !important; }
.fixed { position: fixed !important; }
.relative { position: relative !important; }

.hand { cursor: pointer; }
.noselect { user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; }

.fullwidth { width: 100% !important; }
.fullheight { height: 100% !important; }
.autowidth { width: auto !important; }
.autoheight { height: auto !important; }

.pad-1 { padding: 1em !important; }
.pad-2 { padding: 2em !important; }

.mrg-1 { margin: 1em !important; }
.mrg-2 { margin: 2em !important; }

.max-32 { max-width: 32px; max-height: 32px; }
.max-64 { max-width: 64px; max-height: 64px; }
.max-128 { max-width: 128px; max-height: 128px; }

.curved { border-radius: 7px; }
.curved-e { border-top-right-radius: 7px; border-bottom-right-radius: 7px; }
.curved-w { border-top-left-radius: 7px; border-bottom-left-radius: 7px; }

.show-960, .show-640, .show-414, .show-320 { display: none; }

div { box-sizing: border-box; }

button, input.button { cursor: pointer; -webkit-appearance: none; }

@media only screen and (max-width: 960px) {
	.show-960 { display: block !important; }
	.hide-960 { display: none !important; }
}

@media only screen and (max-width: 640px) {
	.show-640 { display: block !important; }
	.hide-640 { display: none !important; }
}

@media only screen and (max-width: 414px) {
	.show-414 { display: block !important; }
	.hide-414 { display: none !important; }
}

@media only screen and (max-width: 320px) {
	.show-320 { display: block !important; }
	.hide-320 { display: none !important; }
}

.ui-dialog { z-index: 10000; }