.row-title, .row-title span {
    font-weight: bold;
}

.validation-message {
    color: red;
}

.nowrap {
    white-space: nowrap;
}

input.sx, textarea.sx {
    width: 50px;
}

input.sm, textarea.sm {
    width: 100px;
}

input.md, textarea.md {
    width: 200px;
}

input.lg, textarea.lg {
    width: 300px;
}

input.lx, textarea.lx {
    width: 350px;
}

div.card {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid grey;
    padding: 10px;
}

button.larger {
    height: 40px;
    font-size: 15pt;
}

.z-button, .z-label {
    color: #636363;
}

.z-grid.form-grid .z-row,
.z-grid.form-grid .z-row .z-cell
{
    height: 43px;
}

.z-grid.form-grid .z-row .z-row-inner,
.z-grid.form-grid .z-row .z-cell
{
    vertical-align: top;
}

.z-grid.non-form-grid .z-row,
.z-grid.non-form-grid .z-row .z-cell
{
    height: 30px;
}

/* {begin} width, height short cut */
.w-full { width: 100%; }
.h-full { height: 100%; }
.w-min-80 { min-width: 80px; }
.w-min-90 { min-width: 90px; }
.w-min-100 { min-width: 100px; }
.w-min-110 { min-width: 110px; }
.w-min-120 { min-width: 120px; }
.w-min-130 { min-width: 130px; }
.w-min-140 { min-width: 140px; }
.w-min-150 { min-width: 150px; }
.h-min-50 { min-height: 50px; }
.h-min-60 { min-height: 60px; }
.h-min-70 { min-height: 70px; }
.h-min-80 { min-height: 80px; }
.h-min-90 { min-height: 90px; }
.h-min-100 { min-height: 100px; }
/* {end} width, height short cut */

/* search filter layout fix */
.list-filter .z-grid {
    min-height: 53px;
}

/* quickAdd */
.quickAdd-subsection-header {
    width: 100%;
    background-color: #f7f7f7;
    line-height: 25px;
    padding-left: 2px;
}
.z-button.quickAdd-button-selected {
    border-left: solid 5px rgba(56, 139, 230, 0.5);
    border-right: solid 5px rgba(56, 139, 230, 0.5);
    background: #f7fafb;
    color: black;
}

/* subscription list display */
.subscription-ended .z-label {
    color: lightgrey;
}
.subscription-usable .z-label {
    color: green;
}
.subscription-unusable .z-label {
    color: red;
}
.subscription-not-started .z-label {
    color: blue;
}

/* text color */
.z-label.green
.z-label .green,
.z-a.green,
.z-a .green,
.green,
.green .z-label
{
    color: green;
}
.z-label.red
.z-label .red,
.z-a.red,
.z-a .red,
.red,
.red .z-label
{
    color: red;
}
.z-label.blue
.z-label .blue,
.z-a.blue,
.z-a .blue,
.blue,
.blue .z-label
{
    color: blue;
}
.z-label.faded
.z-label .faded,
.z-a.faded,
.z-a .faded,
.faded,
.faded .z-label
{
    color: gray;
}

/* misc */
.inline {
    display: inline;
}
.no-border {
    border: none;
}
.wrap,
.z-label.wrap,
.z-auxheader.wrap .z-auxheader-content,
.z-column.wrap .z-column-content,
.z-row.wrap .z-row-inner .z-row-content .z-label
{
    white-space: normal;
}

.line-through {
    text-decoration: line-through;
}

.w-max-100pc input,
input.w-max-100pc
{
    max-width: 100%;
}

.front-back-menu-div {
    padding: 25px !important;
    overflow: hidden;
    max-width: 300px;
}

.front-back-menu-div-level2 {
    padding: 25px !important;
    overflow: hidden;
    max-width: 500px;
}

.window-help-button {
    position: absolute; right: 40px; top: 7px;
}

.window-help-button-quickAdd {
    position: absolute; right: 40px;
}

.z-caption {
    display: flex;
}

.z-caption-content {
    display: flex; flex-grow: 1;
}

.z-caption-content > .captionButtons {
    display: inline-block;
    flex-grow: 1;
    text-align: right;
    margin-right: 1px;
}

.captionButton {
    font-size: 18px;
    margin: 0px 0px 0px -1px;
    padding: 2px 6px;
    border: 1px solid #cfcfcf;
    color: #636363;
}