/*===========================================================================*/
/* Copyright (c) 2015-2021 Tom Karzes. All rights reserved.                  */
/*===========================================================================*/

.margin-align-h-center {
    margin-left: auto;
    margin-right: auto;
}

.margin-align-h-left {
    margin-left: 0px;
    margin-right: auto;
}

.margin-align-h-right {
    margin-left: auto;
    margin-right: 0px;
}

/*===========================================================================*/

.align-v-top {
    vertical-align: top;
}

.align-v-middle {
    vertical-align: middle;
}

.align-v-bottom {
    vertical-align: bottom;
}

/*===========================================================================*/

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

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

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

/*===========================================================================*/

.width-full {
    width: 100%;
}

.height-full {
    height: 100%;
}

.size-full {
    width: 100%;
    height: 100%;
}

/*===========================================================================*/

.display-block {
    display: block;
}

/*===========================================================================*/

td.align-label {
    vertical-align: top;
    text-align: right;
}

td.align-info {
    vertical-align: top;
    text-align: left;
}

/*===========================================================================*/

table.table-nopad,
table.table-layout-0px {
    border-spacing: 0px;
}

table.table-nopad > thead > tr > td,
table.table-nopad > tbody > tr > td,
table.table-nopad > tfoot > tr > td,
table.table-nopad         > tr > td,
table.table-layout-0px > thead > tr > td,
table.table-layout-0px > tbody > tr > td,
table.table-layout-0px > tfoot > tr > td,
table.table-layout-0px         > tr > td {
    padding: 0px;
}

/*===========================================================================*/

table.table-layout-5px {
    border-spacing: 0px;
}

/**
*** Note:  tr:not(:first-child) is not supported in ie8 and earlier, and
***        it's not really needed here anyway
**/

table.table-layout-5px > thead > tr > td,
table.table-layout-5px > tbody > tr > td,
table.table-layout-5px > tfoot > tr > td,
table.table-layout-5px         > tr > td {
    padding-top: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

table.table-layout-5px > thead > tr:first-child > td,
table.table-layout-5px > tbody > tr:first-child > td,
table.table-layout-5px > tfoot > tr:first-child > td,
table.table-layout-5px         > tr:first-child > td {
    padding: 0px;
}

/*===========================================================================*/

input.font-input-inherit,
button.font-input-inherit,
select.font-input-inherit,
textarea.font-input-inherit,
.font-input-inherit input,
.font-input-inherit button,
.font-input-inherit select,
.font-input-inherit textarea {
    font: inherit;
}

select > option.font-input-inherit,
select.font-input-inherit > option,
.font-input-inherit select > option {
    font: inherit;
}

optgroup.font-input-inherit,
.font-input-inherit optgroup {
    font-family: inherit;
    font-variant: inherit;
    font-style: italic;
    font-weight: bold;
    font-size: inherit;
}

optgroup > option.font-input-inherit,
optgroup.font-input-inherit > option,
.font-input-inherit optgroup > option {
    font-family: inherit;
    font-variant: inherit;
    font-style: normal;
    font-weight: normal;
    font-size: inherit;
}

/*===========================================================================*/

input.input-layout,
select.input-layout,
.input-layout input,
.input-layout select {
    padding: 1px 6px;
    color: #000000;
    background-color: #dddddd;
}

input.input-layout:hover,
select.input-layout:hover,
.input-layout input:hover,
.input-layout select:hover {
    color: #000000;
    background-color: #eeeeee;
}

input.input-layout:disabled,
select.input-layout:disabled,
.input-layout input:disabled,
.input-layout select:disabled {
    color: #888888;
    background-color: #dddddd;
}

/*===========================================================================*/

/**
*** The class names are repeated to increase selector "specificity".  This
*** forces the font specifiers to take precedence over the font inherit
*** class.
**/

.notice.notice,
.font-notice.font-notice,
.font-layout.font-layout,
.font-sans-serif.font-sans-serif {
    font-family: Arial, Helvetica, sans-serif;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
}

.font-code.font-code,
.font-monospace.font-monospace {
    font-family: "Lucida Console", Monaco, monospace;
    font-variant: normal;
    font-style: normal;
    font-weight: normal;
}

/*===========================================================================*/

/**
*** The class names are repeated to increase selector "specificity".  This
*** forces the font specifiers to take precedence over the font inherit
*** class.
**/

.font-size-12px.font-size-12px {
    font-size: 12px;
}

.notice.notice,
.font-size-13px.font-size-13px {
    font-size: 13px;
}

.font-size-14px.font-size-14px {
    font-size: 14px;
}

.font-size-15px.font-size-15px {
    font-size: 15px;
}

.font-size-16px.font-size-16px {
    font-size: 16px;
}

.font-size-17px.font-size-17px {
    font-size: 17px;
}

.font-size-18px.font-size-18px {
    font-size: 18px;
}

.font-size-19px.font-size-19px {
    font-size: 19px;
}

.font-size-20px.font-size-20px {
    font-size: 20px;
}

.font-size-30px.font-size-30px {
    font-size: 30px;
}

.font-size-40px.font-size-40px {
    font-size: 40px;
}

/*===========================================================================*/

/**
*** The class names are repeated to increase selector "specificity".
**/

.background-white.background-white {
    background-color: #ffffff;
}

.background-black.background-black {
    background-color: #000000;
}

.background-gray.background-gray {
    background-color: #b6b6b6;
}

.background-red.background-red {
    background-color: #ffaaaa;
}

.background-green.background-green {
    background-color: #aaffaa;
}

.background-blue.background-blue {
    background-color: #aaaaff;
}

.background-yellow.background-yellow {
    background-color: #ffffaa;
}

.background-magenta.background-magenta {
    background-color: #ffaaff;
}

.background-cyan.background-cyan {
    background-color: #aaffff;
}

/*===========================================================================*/

.cursor-inherit {
    cursor: inherit;
}

.cursor-auto {
    cursor: auto;
}

.cursor-default {
    cursor: default;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-not-allowed {
    cursor: not-allowed;
}

/*===========================================================================*/