.page-break-after {
    page-break-after: always;
}
.page-break-before {
    page-break-before: always;
}

.fixed {
    position: fixed;
}

.nowrap {
    white-space: nowrap;
    word-wrap: normal;
}
.wordwrap {
    white-space: pre; /* CSS 2.0 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3.0 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    white-space: -moz-pre-wrap; /* Mozilla */
    word-wrap: break-word; /* IE 5+ */
}

.unselectable {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none;
    user-select: none;
}

.unclickable {
    pointer-events: none;
}

.inline {
    display: inline;
}
.block {
    display: block;
}
.inline-block {
    display: inline-block;
}

.top-aligned {
    vertical-align: top;
}
.bottom-aligned {
    vertical-align: bottom;
}
.middle-aligned {
    vertical-align: middle;
}
.self-centered {
    align-self:center
}

th > * {
    vertical-align : middle;
    text-align: center;
}
.center-aligned {
    text-align: center;
}
.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.right-aligned {
    text-align: right;
}
.left-aligned {
    text-align: left;
}
.float-left {
    float: left;
}
.float-right {
    float: right;
}

.clickable {
    cursor: pointer;
    pointer-events: auto;
}

.bordered {
    border: 1px solid black;
}

.dialog-modal {
    font-size: 12px;
}
.dialog-common {
    font-size: 12px;
}
.msg {
    border-radius: 4px;
    background-color: aliceblue;
    color: black;
    box-shadow: 10px 10px 5px #888888;
    font: normal 14px Tahoma, Sylfaen, 'Arial AMU';
    max-width: 300px;
    margin: 0;
    padding: 20px;
    cursor: pointer;
    display: block;
    text-align: center;
	overflow: hidden;
    z-index: 99999;
    position: fixed;
    top: 50%;
    left: 50%;
    white-space: pre-wrap;
    transform: translate(-50%, -50%);
}

.cursor_pointer {
    cursor: pointer;
}
.cursor_default {
    cursor: default;
}

.view {
    display: inline;
    cursor: pointer;
}
.hide {
    display: none;
    cursor: pointer;
}

.full_height {
    height: 100%;
    min-height: 100%;
}
.full_width {
    width: 100%;
    min-width: 100%;
}
.half_width {
    width: 50%;
}

.font_size-10px {
    font-size: 10px;
}
.font_size-11px {
    font-size: 11px;
}
.font_size-12px {
    font-size: 12px;
}
.font_size-14px {
    font-size: 14px;
}

.fixed_width_font {
    font-family: 'Segoe UI Symbol';
    font-size: 13px;
}

.half-left-round {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.half-right-round {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.half-round {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.round, round4 {
    border-radius: 4px;
}
.round8 {
    border-radius: 8px;
}

.clear-both {
    clear: both;
}

.red {
    color: red;
}
.brown {
    color: brown;
}
.green {
    color: green;
}
.white {
    color: white;
}

.bold {
    font-weight: bold;
}

.normal {
    font-size: inherit;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
}

.autowidth {
    width: auto;
    max-width: none;
}

.shorter {
    height: 0.8em;
}

.small {
    font-size: 0.6em;
}
.smaller {
    font-size: smaller;
}
.larger {
    font-size: larger;
}

.integer {
    width: 64px;
}

.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}
a.invisible {
    visibility: hidden;
}
.transparent {
    color: transparent;
    background-color: transparent;
    cursor: none;
}
.bg_transparent {
    background-color: transparent;
}

.nopadding {
    padding: 0;
}
.nomargin {
    margin: 0;
}

.noborder {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-spacing: 0;
    border-collapse: collapse;
}
td.noborder td, th.noborder {
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    border-spacing: 0;
    border-collapse: collapse;
}

.bg_lightgray {
    background-color: lightgray;
}
.bg_pink {
    background-color: #FFDAE5;
}
.bg_wheat {
    background-color: wheat;
}
.bg_white {
    background-color: white;
}
.bg_powderblue {
    background-color: powderblue;
}

.underlined {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid black;
    padding-left: 2px;
    padding-right: 2px;
}

.padding-5 {
    padding: 5px;
}
.padding-10 {
    padding: 10px;
}
.padding-left-5 {
    padding-left: 5px;
}
.padding-left-10 {
    padding-left: 10px;
}
.padding-top-5 {
    padding-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}
.margin-top-10 {
    display: block;
    padding: 0;
    margin: 10px 0 0 0;
}
.margin-top-5 {
    display: block;
    padding: 0;
    margin: 5px 0 0 0;
}
.margin-top-7-bottom-5 {
    display: block;
    padding: 0;
    margin: 7px 0 5px 0;
}
.padding-bottom-5 {
    display: block;
    padding: 0 0 5px 0;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-left-20 {
    margin-left: 20px;
}
.margin-10 {
    margin: 10px;
}


.superscript {
    font-family: verdana;
}

.ui-front {
    z-index: 999999 !important;
}
.ui-dialog-title {
    font-size: 14px;
}
.ui-dialog .ui-dialog-titlebar {
    padding: 4px;
}

.overflow-ellipses {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
}
.overflow_y-scrollable {
    overflow-y: scroll;
}



/*
table { page-break-after:auto }
tr { page-break-inside:avoid; page-break-after:always }
td { page-break-inside:avoid; page-break-after:auto }
thead { display:table-header-group }
tfoot { display:table-footer-group }
*/