@charset "UTF-8";

:root{
    --tceq-tan: #ece5e4;
    --footer-grey: #ebebeb;
    --footer-link: #28729F;
    --nav-back: #90412e;
    --tceq-font-fam: Verdana, Geneva, sans-serif;
}

/* reset */
* {
    margin:0;
    padding:0;
    font-size: .99em;
}



html, body {
  height: 100%;
}
body {
  display: flex;
  flex-direction: column;
}
.content {
  flex: 1 0 auto;
}
.footer {
  flex-shrink: 0;
}



body {
    background-color: #ffffff;
/*  MXMDEB*G: FROM MMORGAN development   
    background-color: #F2F2F2 !important;
    margin: 0px; */
    color: #000;
    font-family: var(--tceq-font-fam) !important;
    font-size: .8em !important;
}



#bodyWrapper{
    padding: 0px;
    margin: 0px;
}

#contentWrapper {
    padding: 5px;
}

footer {
    height:70px; 
    width:100%;
    font-size: .9em;
    text-align: center; 
    vertical-align: middle;
    padding: 0px;
    padding-top: 5px !important;
    padding-bottom: 10px !important;
    margin: 0px;
    border-top: gray 2px dotted;
    color: #333;
    background-color: var(--footer-grey);
}

#footer {
    margin-right: auto;
    margin-left: auto;
}

#footer p {
    padding-bottom: 3px;
}

#footer a:link {
  color: var(--footer-link);
  font-weight: bold;
}

#footer a:hover {
  color: #961c1f;
  text-decoration: underline;
}

#footer a:visited {
  color: var(--footer-link);
}

#header-wrapper {
    background-color: var(--tceq-tan);
    width: 100%;
}

#tceq-environment {
    float: right;
    padding: 5px;
    padding-right: 5px;
}

#tceq-img-app-title {
    color: rgba(0,0,0,0.9);
    font-size: 18px;
    font-weight: bold;
    text-transform: capitalize;
}

.tceq-page-title {
    font-size: 18px !important;
    font-weight: bolder;
    margin: 0px !important;
    padding: 0 0 10px 0;
    display:block;
}

/* Used in tceq-web-framework\src\main\webapp\core\login.xhtml */
#top-header {
    padding:0px;
    margin: 0px;
  /*  background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #1555aa 0%, #3377b1 100%) repeat scroll 0 0;*/
   /*  background: rgb(241, 237, 233) repeat scroll 0 0; */
   /*     background: rgb(115, 142, 112) repeat scroll 0 0; */
    background: #1a323d repeat scroll 0 0;
    border-bottom: 1px solid #333333;
    border-top: 1px solid #333333;
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
}

/* ***************************************************************************************************************************************************
******************************************************************************************************************************************************
    Originally from tceq-styles.css - minus cleanup of potential clashing classes with header.css
******************************************************************************************************************************************************
*************************************************************************************************************************************************** */




/* HTML5 display definitions ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio, canvas, progress, video {
    display: inline-block;
    /* 1 */
    vertical-align: baseline;
    /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]){
    display:none;
    height:0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden], template {
    display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active, a:hover {
    outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b, strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

li {
    list-style: none;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root )a {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button, input, optgroup, select, textarea {
    color: inherit;
    /* 1 */
    font: inherit;
    /* 2 */
    margin: 0;
    /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button, select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    appearance: button;
    /* 2 */
    cursor: pointer;
    /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled], html input[disabled] {
    cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
    line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"], input[type="radio"] {
    box-sizing: border-box;
    /* 1 */
    padding: 0;
    /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    /* 2 */
    box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
    background: white !important;
    text-align: left;
    border: 1px solid lightgray !important;
    margin-top: 10px !important;
    margin-bottom: 8px !important;
    padding: 0em 0.625em 0.625em 0.625em !important;
}

fieldset>legend {
    font-family: 'Source Sans Pro' !important;
    font-style: normal !important;
    font-weight: 400 !important;
    font-size: 13px !important;
    background-color: transparent !important;
    border-color: transparent !important;
    border: 0 !important;
    background: none !important;
    text-align: left !important;
    padding: 0.30em 0em 0.35em 0em !important;
}

fieldset.tceq-fs-legend-hide>legend {
    content: "";
    position: absolute;
    top: -100;
    left: 0;
    visibility: hidden;
    width: 0px;
    height: 0px;
 }
 
fieldset.tceq-fs-legend-hide { padding-top: 10px !important;}

fieldset.alt-required>legend:before { content:"^ "!important; color:red !important;font-weight:bold !important;} 

fieldset.tceq-fs-required>legend:before { content:"* "; color:red; } 

fieldset.tceq-fs-required>legend:before { content:"* "; color:red; } 

.tceq-required:before { content:"* "; color:red; }

.inline-required:before { content:"* "; color:red; font-weight:bold;}

.tceq-fs-border-hide {border: 0px !important; padding:0px !important; margin: 0px !important;}


/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
    padding:0;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

td, th {
    padding: 0;
}

.lt-ie9 * {
    filter: none !important;
}

/* This was causing the primeface SelectBooleanCheckbox to not get keyboard tab focus
[aria-hidden=true] {
    display: none !important;
}
*/

h1+ul, h1+ol, h2+ul, h2+ol, h3+ul, h3+ol, h4+ul, h4+ol, h5+ul, h5+ol, h6+ul, h6+ol, p+ul, p+ol {
    margin-top: 0;
}

.Unselectable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* .icon-menu:before { content: '\e958'; } ''
.icon-menu-outline:before { content: '\ea2f'; } ''
.icon-menu-1:before { content: '\ea30'; } ''
.icon-menu-2:before { content: '\eb49'; } ''
.icon-th-list-2:before { content: '\eb4c'; } '' */

.hyperlink{color:blue !important;text-decoration:underline !important;}

.skipnav {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: transparent;
    color: #212121;
    left: 0;
    padding: 1rem 1.5rem;
    position: absolute;
    top: -4.2rem;
    z-index: 100;
}

.skipnav:focus {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background: #ffffff !important;
    color: #212121 !important;
    left: 0;
    outline: 0;
    position: absolute;
    top: 0;
}

.ui-button {
	font-size: 12px !important;
}

.colSelection {
    text-align: center !important;
    width: 16px  !important;
}

.colDeleteAlign {
    text-align: center !important;
    width: 60px !important;
}

.colDeleteSortedAlign {
    text-align: center !important;
    width: 90px  !important;
}

.colTextAlign{
    text-align: left !important;
}

.colShortTextAlign{
    text-align: center !important;
}

.colNumAlign{
    text-align: right !important;
}

.colDateAlign{
    text-align: center !important;
}
.colActionAlign{
    text-align: center !important;
}


.right {
    text-align: right;
}

.left {
    text-align: left;
}

.top {
    vertical-align: top;
}

.top-important {
    vertical-align: top !important;
}

.middle {
    vertical-align: middle !important;
}
.center {
    text-align: center;
}

.autoCenter {
    margin-right: auto;
    margin-left: auto;
}

.floatLeft {
    float: left;
}

.floatRight {
    float: right;
}


.clear {
    clear: both;
}

.error {
    color:red;
    font-weight:bold;
}
.dataTableExport {
    height: 40px;
}

.dataTableExport50 {
    height: 40px;
    width: 50%
}

.dataTableExport70 {
    height: 40px;
    width: 70%
}

.dataTableExport90 {
    height: 40px;
    width: 90%
}

.dataTableExport95 {
    height: 40px;
    width: 95%
}

.tceq-input-label {
    text-align: right;
    padding-right: 10px;
}

.padding-right-10 {
    padding-right: 10px;
}

.marginTop7px{margin-top:7px;}

.marginRight5px{margin-right:5px;}
.marginRight10px{margin-right:10px;}
.marginRight75px{margin-right:75px;}

.marginLeft5px{margin-left:5px;}
.marginLeft10px{margin-left:10px;}
.marginLeft75px{margin-left:75px;}

.helpIconWrapper {
    padding: 0px !important;
    vertical-align: middle;
}

.helpIcon {
    font-size: 13px !important;
    height: 16px;
    width: 16px;
    border: 0;
    cursor: pointer;
    padding: 0 3px !important;
    /* color:blue; */
}

.helpIcon:focus {
    /* border: 1px solid red; */
    box-shadow: -2px -2px 5px 3px darkgray;
}

#welcome-list li {
    list-style-type: disc;
}

label {
    font-weight: bold;
}

.z-index-topmost {
    z-index: 3000 !important;
}

.z-index-help-dlg {
    z-index: 3005 !important;
}

.z-index-bui {
    z-index: 3010 !important;
}

.dialog-center {
    top: 100px !important;
    left: 35% !important;
}
/**
 * set same size for save, cancel, reset
 */

 .tceq-save-reset-cancel-button-small {
    width: 45px !important;
    height: 25px !important;
}

.tceq-save-reset-cancel-button {
    width: 65px !important;
    height: 25px !important;
}

.tceq-save-reset-cancel-button-med {
    width: 85px !important;
    height: 25px !important;
}

.tceq-save-reset-cancel-button-wide {
    width: 120px !important;
    height: 25px !important;
}

.tceq-save-reset-cancel-button-wider {
    width: 130px !important;
    height: 25px !important;
}

.tceq-save-reset-cancel-button-even-wider {
    width: 135px !important;
    height: 25px !important;
}

/**
 * set same size for assign, remove, grant, revoke
 */
.tceq-grant-revoke-button {
    width: 80px !important;
    height: 25px !important;
}

.tceq-invisible {
    position: absolute;
    top: -100;
    left: 0;
    visibility: hidden;
    width: 0px;
    height: 0px;
}

.tceq-grant-revoke-button-wide {
    width: 80px !important;
    height: 25px !important;
    display: inline-block !important;
}

.tceq-grant-revoke-button-narrow {
    width: 25px;
    height: 25px;
    display: none !important;
}

#logoutAlertDialog_title {
    color: red;
}

/**
 * Highlight focused items
 */
/* input[role="textbox"]:focus, textarea:focus {
    background: gray !important;
    background-color: gray !important;
    border-color: gray !important;
} */

[readonly]:focus {
    opacity: 1.0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=55);
    box-shadow: none;
    -webkit-box-shadow: none;
    /* background: gray !important;
    background-color: gray !important;
    border-color: gray !important; */
    outline: none;
}


 a:focus>img {
      border: 3px solid red !important;
}

li:focus {
    border: 3px solid red;
}

.element-invisible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}


input[readonly="readonly"], textarea[readonly="readonly"] {
    border: 0 !important;
    background: rgba(0, 0, 0, 0) !important;
    box-shadow: none !important;
    padding-top: 0 !important;
}


.display-block {
    display: block;
}

.dtFullSize {
    margin-top:10px;
    width:95%;
    margin-right: auto;
    margin-left: auto;
}

@media ( max-width : 1159px) {
    .tceq-grant-revoke-button-narrow {
        display: inline-block !important;
    }
    .tceq-grant-revoke-button-wide {
        display: none !important;
    }
}

.ui-panelgrid>*>tr,
.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
}

.alt-required:before { content:"^ "; color:red; font-weight:bold;}
.inline-required:before { content:"* "; color:red; font-weight:bold;}

.height100pct{height: 100% !important;}
.height98pct{height: 98% !important;}

.height0{width: 0px !important;}
.height5{height: 5px !important;}
.height10{height: 10px !important;}
.height15{height: 15px !important;}
.height20{height: 20px !important;}
.height25{height: 25px !important;}
.height30{height: 30px !important;}
.height40{height: 40px !important;}
.height45{height: 45px !important;}
.height50{height: 50px !important;}
.height70{height: 70px !important;}
.height75{height: 75px !important;}
.height78{height: 78px !important;}
.height80{height: 80px !important;}
.height90{height: 90px !important;}
.height100{height: 100px !important;}
.height120{height: 120px !important;}
.height125{height: 125px !important;}
.height200{height: 200px !important;}
.height230{height: 230px !important;}
.height295{height: 295px !important;}
.height300{height: 300px !important;}
.height400{height: 400px !important;}
.height500{height: 500px !important;}
.height600{height: 600px !important;}
.height700{height: 700px !important;}

.width1pct{width:1% !important;}
.width2pct{width:2% !important;}
.width3pct{width:3% !important;}
.width4pct{width:4% !important;}
.width5pct{width:5% !important;}
.width6pct{width:6% !important;}
.width7pct{width:7% !important;}
.width8pct{width:8% !important;}
.width9pct{width:9% !important;}
.width10pct{width:10% !important;}
.width11pct{width:11% !important;}
.width12pct{width:12% !important;}
.width13pct{width:13% !important;}
.width14pct{width:14% !important;}
.width15pct{width:15% !important;}
.width16pct{width:16% !important;}
.width17pct{width:17% !important;}
.width18pct{width:18% !important;}
.width19pct{width:19% !important;}
.width20pct{width:20% !important;}
.width21pct{width:21% !important;}
.width22pct{width:22% !important;}
.width23pct{width:23% !important;}
.width24pct{width:24% !important;}
.width25pct{width:25% !important;}
.width26pct{width:26% !important;}
.width27pct{width:27% !important;}
.width28pct{width:28% !important;}
.width29pct{width:29% !important;}
.width30pct{width:30% !important;}
.width31pct{width:31% !important;}
.width32pct{width:32% !important;}
.width33pct{width:33% !important;}
.width34pct{width:34% !important;}
.width35pct{width:35% !important;}
.width36pct{width:36% !important;}
.width37pct{width:37% !important;}
.width38pct{width:38% !important;}
.width39pct{width:39% !important;}
.width40pct{width:40% !important;}
.width41pct{width:41% !important;}
.width42pct{width:42% !important;}
.width43pct{width:43% !important;}
.width44pct{width:44% !important;}
.width45pct{width:45% !important;}
.width46pct{width:46% !important;}
.width47pct{width:47% !important;}
.width48pct{width:48% !important;}
.width49pct{width:49% !important;}
.width50pct{width:50% !important;}
.width51pct{width:51% !important;}
.width52pct{width:52% !important;}
.width53pct{width:53% !important;}
.width54pct{width:54% !important;}
.width55pct{width:55% !important;}
.width56pct{width:56% !important;}
.width57pct{width:57% !important;}
.width58pct{width:58% !important;}
.width59pct{width:59% !important;}
.width60pct{width:60% !important;}
.width61pct{width:61% !important;}
.width62pct{width:62% !important;}
.width63pct{width:63% !important;}
.width64pct{width:64% !important;}
.width65pct{width:65% !important;}
.width66pct{width:66% !important;}
.width67pct{width:67% !important;}
.width68pct{width:68% !important;}
.width69pct{width:69% !important;}
.width70pct{width:70% !important;}
.width71pct{width:71% !important;}
.width72pct{width:72% !important;}
.width73pct{width:73% !important;}
.width74pct{width:74% !important;}
.width75pct{width:75% !important;}
.width76pct{width:76% !important;}
.width77pct{width:77% !important;}
.width78pct{width:78% !important;}
.width79pct{width:79% !important;}
.width80pct{width:80% !important;}
.width81pct{width:81% !important;}
.width82pct{width:82% !important;}
.width83pct{width:83% !important;}
.width84pct{width:84% !important;}
.width85pct{width:85% !important;}
.width86pct{width:86% !important;}
.width87pct{width:87% !important;}
.width88pct{width:88% !important;}
.width89pct{width:89% !important;}
.width90pct{width:90% !important;}
.width91pct{width:91% !important;}
.width92pct{width:92% !important;}
.width93pct{width:93% !important;}
.width94pct{width:94% !important;}
.width95pct{width:95% !important;}
.width96pct{width:96% !important;}
.width97pct{width:97% !important;}
.width98pct{width:98% !important;}
.width99pct{width:99% !important;}
.width100pct{width:100% !important;}

.width0{width: 0px !important;}
.width1{width: 1px !important;}
.width2{width: 2px !important;}
.width3{width: 3px !important;}
.width4{width: 4px !important;}
.width5{width: 5px !important;}
.width6{width: 6px !important;}
.width7{width: 7px !important;}
.width8{width: 8px !important;}
.width9{width: 9px !important;}
.width10{width: 10px !important;}
.width11{width: 11px !important;}
.width12{width: 12px !important;}
.width13{width: 13px !important;}
.width14{width: 14px !important;}
.width15{width: 15px !important;}
.width16{width: 16px !important;}
.width17{width: 17px !important;}
.width18{width: 18px !important;}
.width19{width: 19px !important;}
.width20{width: 20px !important;}
.width21{width: 21px !important;}
.width22{width: 22px !important;}
.width23{width: 23px !important;}
.width24{width: 24px !important;}
.width25{width: 25px !important;}
.width26{width: 26px !important;}
.width27{width: 27px !important;}
.width28{width: 28px !important;}
.width29{width: 29px !important;}
.width30{width: 30px !important;}
.width31{width: 31px !important;}
.width32{width: 32px !important;}
.width33{width: 33px !important;}
.width34{width: 34px !important;}
.width35{width: 35px !important;}
.width36{width: 36px !important;}
.width37{width: 37px !important;}
.width38{width: 38px !important;}
.width39{width: 39px !important;}
.width40{width: 40px !important;}
.width41{width: 41px !important;}
.width42{width: 42px !important;}
.width43{width: 43px !important;}
.width44{width: 44px !important;}
.width45{width: 45px !important;}
.width46{width: 46px !important;}
.width47{width: 47px !important;}
.width48{width: 48px !important;}
.width49{width: 49px !important;}
.width50{width: 50px !important;}
.width51{width: 51px !important;}
.width52{width: 52px !important;}
.width53{width: 53px !important;}
.width54{width: 54px !important;}
.width55{width: 55px !important;}
.width56{width: 56px !important;}
.width57{width: 57px !important;}
.width58{width: 58px !important;}
.width59{width: 59px !important;}
.width60{width: 60px !important;}
.width61{width: 61px !important;}
.width62{width: 62px !important;}
.width63{width: 63px !important;}
.width64{width: 64px !important;}
.width65{width: 65px !important;}
.width66{width: 66px !important;}
.width67{width: 67px !important;}
.width68{width: 68px !important;}
.width69{width: 69px !important;}
.width70{width: 70px !important;}
.width71{width: 71px !important;}
.width72{width: 72px !important;}
.width73{width: 73px !important;}
.width74{width: 74px !important;}
.width75{width: 75px !important;}
.width76{width: 76px !important;}
.width77{width: 77px !important;}
.width78{width: 78px !important;}
.width79{width: 79px !important;}
.width80{width: 80px !important;}
.width81{width: 81px !important;}
.width82{width: 82px !important;}
.width83{width: 83px !important;}
.width84{width: 84px !important;}
.width85{width: 85px !important;}
.width86{width: 86px !important;}
.width87{width: 87px !important;}
.width88{width: 88px !important;}
.width89{width: 89px !important;}
.width90{width: 90px !important;}
.width91{width: 91px !important;}
.width92{width: 92px !important;}
.width93{width: 93px !important;}
.width94{width: 94px !important;}
.width95{width: 95px !important;}
.width96{width: 96px !important;}
.width97{width: 97px !important;}
.width98{width: 98px !important;}
.width99{width: 99px !important;}
.width100{width: 100px !important;}
.width101{width: 101px !important;}
.width102{width: 102px !important;}
.width103{width: 103px !important;}
.width104{width: 104px !important;}
.width105{width: 105px !important;}
.width106{width: 106px !important;}
.width107{width: 107px !important;}
.width108{width: 108px !important;}
.width109{width: 109px !important;}
.width110{width: 110px !important;}
.width111{width: 111px !important;}
.width112{width: 112px !important;}
.width113{width: 113px !important;}
.width114{width: 114px !important;}
.width115{width: 115px !important;}
.width116{width: 116px !important;}
.width117{width: 117px !important;}
.width118{width: 118px !important;}
.width119{width: 119px !important;}
.width120{width: 120px !important;}
.width125{width: 125px !important;}
.width126{width: 126px !important;}
.width127{width: 127px !important;}
.width128{width: 128px !important;}
.width129{width: 129px !important;}
.width130{width: 130px !important;}
.width135{width: 135px !important;}
.width140{width: 140px !important;}
.width145{width: 145px !important;}
.width150{width: 150px !important;}
.width155{width: 155px !important;}
.width160{width: 160px !important;}
.width165{width: 165px !important;}
.width170{width: 170px !important;}
.width175{width: 175px !important;}
.width180{width: 180px !important;}
.width185{width: 185px !important;}
.width190{width: 190px !important;}
.width195{width: 195px !important;}
.width200{width: 200px !important;}
.width205{width: 205px !important;}
.width210{width: 210px !important;}
.width215{width: 215px !important;}
.width220{width: 220px !important;}
.width225{width: 225px !important;}
.width230{width: 230px !important;}
.width235{width: 235px !important;}
.width240{width: 240px !important;}
.width245{width: 245px !important;}
.width250{width: 250px !important;}
.width255{width: 255px !important;}
.width260{width: 260px !important;}
.width265{width: 265px !important;}
.width270{width: 270px !important;}
.width275{width: 275px !important;}
.width280{width: 280px !important;}
.width285{width: 285px !important;}
.width290{width: 290px !important;}
.width295{width: 295px !important;}
.width300{width: 300px !important;}
.width320{width: 320px !important;}
.width325{width: 325px !important;}
.width330{width: 330px !important;}
.width335{width: 335px !important;}
.width340{width: 340px !important;}
.width345{width: 345px !important;}
.width350{width: 350px !important;}
.width375{width: 375px !important;}
.width400{width: 400px !important;}
.width425{width: 425px !important;}
.width430{width: 430px !important;}
.width450{width: 450px !important;}
.width475{width: 475px !important;}
.width500{width: 500px !important;}
.width525{width: 525px !important;}
.width530{width: 530px !important;}
.width535{width: 535px !important;}
.width540{width: 540px !important;}
.width545{width: 545px !important;}
.width550{width: 550px !important;}
.width555{width: 555px !important;}
.width560{width: 560px !important;}
.width565{width: 565px !important;}
.width570{width: 570px !important;}
.width575{width: 575px !important;}
.width600{width: 600px !important;}
.width625{width: 625px !important;}
.width650{width: 650px !important;}
.width675{width: 675px !important;}
.width700{width: 700px !important;}
.width725{width: 725px !important;}
.width750{width: 750px !important;}
.width775{width: 775px !important;}
.width800{width: 800px !important;}
.width825{width: 825px !important;}
.width830{width: 830px !important;}
.width850{width: 850px !important;}
.width875{width: 875px !important;}
.width900{width: 900px !important;}
.width925{width: 925px !important;}
.width950{width: 950px !important;}
.width975{width: 975px !important;}
.width1000{width: 1000px !important;}
.width1010{width: 1010px !important;}
.width1020{width: 1020px !important;}
.width1030{width: 1030px !important;}
.width1040{width: 1040px !important;}
.width1050{width: 1050px !important;}
.width1060{width: 1060px !important;}
.width1070{width: 1070px !important;}
.width1080{width: 1080px !important;}
.width1090{width: 1090px !important;}
.width1100{width: 1100px !important;}
.width1200{width: 1200px !important;}

.min-width100pct{min-width:100% !important;}
.min-width99pct{min-width:99% !important;}
.min-width95pct{min-width:95% !important;}
.min-width90pct{min-width:90% !important;}
.min-width80pct{min-width:80% !important;}
.min-width75pct{min-width:75% !important;}
.min-width70pct{min-width:70% !important;}
.min-width65pct{min-width:65% !important;}
.min-width60pct{min-width:60% !important;}
.min-width50pct{min-width:50% !important;}
.min-width30pct{min-width:30% !important;}
.min-width25pct{min-width:25% !important;}
.min-width20pct{min-width:20% !important;}
.min-width10pct{min-width:10% !important;}

.padTop0px {padding-top: 0px !important;}
.padTop1px {padding-top: 1px !important;}
.padTop2px {padding-top: 2px !important;}
.padTop3px {padding-top: 3px !important;}
.padTop4px {padding-top: 4px !important;}
.padTop5px {padding-top: 5px !important;}
.padTop6px {padding-top: 6px !important;}
.padTop7px {padding-top: 7px !important;}
.padTop8px {padding-top: 8px !important;}
.padTop9px {padding-top: 9px !important;}
.padTop10px {padding-top: 10px !important;}
.padTop20px {padding-top: 20px !important;}
.padTop30px {padding-top: 30px !important;}
.padTop40px {padding-top: 40px !important;}
.padTop50px {padding-top: 50px !important;}

.padTop1em {padding-top:1em !important;}
.padTop2em {padding-top:2em !important;}

.padBottom0px {padding-bottom: 0px !important;}
.padBottom1px {padding-bottom: 1px !important;}
.padBottom2px {padding-bottom: 2px !important;}
.padBottom3px {padding-bottom: 3px !important;}
.padBottom4px {padding-bottom: 4px !important;}
.padBottom5px {padding-bottom: 5px !important;}
.padBottom6px {padding-bottom: 6px !important;}
.padBottom7px {padding-bottom: 7px !important;}
.padBottom8px {padding-bottom: 8px !important;}
.padBottom9px {padding-bottom: 9px !important;}
.padBottom10px {padding-bottom: 10px !important;}

.padBottom1em {padding-bottom:1em !important;}
.padBottom2em {padding-bottom:2em !important;}

.padLeft1px {padding-left: 1px !important;}
.padLeft2px {padding-left: 2px !important;}
.padLeft3px {padding-left: 3px !important;}
.padLeft4px {padding-left: 4px !important;}
.padLeft5px {padding-left: 5px !important;}
.padLeft6px {padding-left: 6px !important;}
.padLeft7px {padding-left: 7px !important;}
.padLeft8px {padding-left: 8px !important;}
.padLeft9px {padding-left: 9px !important;}
.padLeft10px {padding-left: 10px !important;}
.padLeft15px {padding-left: 15px !important;}
.padLeft20px {padding-left: 20px !important;}
.padLeft25px {padding-left: 25px !important;}
.padLeft30px {padding-left: 30px !important;}
.padLeft35px {padding-left: 35px !important;}
.padLeft40px {padding-left: 40px !important;}
.padLeft45px {padding-left: 45px !important;}
.padLeft50px {padding-left: 50px !important;}
.padLeft100px {padding-left: 100px !important;}

.padRight1px {padding-right: 1px !important;}
.padRight2px {padding-right: 2px !important;}
.padRight3px {padding-right: 3px !important;}
.padRight4px {padding-right: 4px !important;}
.padRight5px {padding-right: 5px !important;}
.padRight6px {padding-right: 6px !important;}
.padRight7px {padding-right: 7px !important;}
.padRight8px {padding-right: 8px !important;}
.padRight9px {padding-right: 9px !important;}
.padRight10px {padding-right: 10px !important;}
.padRight15px {padding-right: 15px !important;}
.padRight20px {padding-right: 20px !important;}
.padRight25px {padding-right: 25px !important;}
.padRight30px {padding-right: 30px !important;}
.padRight35px {padding-right: 35px !important;}
.padRight40px {padding-right: 40px !important;}
.padRight45px {padding-right: 45px !important;}
.padRight50px {padding-right: 50px !important;}
.padRight100px {padding-right: 100px !important;}

.marginTop1em {margin-top:1em !important;}
.marginTop2em {margin-top:2em !important;}

.marginBottom1em {margin-bottom:1em !important;}
.marginBottom2em {margin-bottom:2em !important;}

.bg-green{
    background-color: green !important;
}

.bg-yellow{
    background-color: yellow !important;
}

.bg-blue{
    background-color: blue !important;
}
.bg-red{
    background-color: red !important;
}

.weight-normal{font-weight: normal !important;}

.verticalMiddle{
     vertical-align:middle !important;
 }

.borderZero{border:0;}

/* PRIMEFACES CSS GRID ALTERNATIVE - ALLOWS FOR ALL ELEMENTS BE IN A ROW AND VERTICAL ALIGN TO TOP */
    .singleRow {
        display: table;
        table-layout: fixed;
        width: auto;
    }

    .singleRow:after {
        clear: both;
    }

    .singleRowCol
    {
        display: table-cell;
        vertical-align: top;
    }
    .singleRowCol label{
        vertical-align: top;
    }

    .rowPadding {
        padding-bottom: 15px;
    }

    .rowPaddingImportant {
        padding-bottom: 15px !important;
    }

    .selectOneRadioWidth{
        width: 100px;
    }

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

    .tceq-underline{
        text-decoration: underline !important;
    }


    .ctuConfirmDialogMsg {
        text-align: center;
        vertical-align: middle;
        height: 40px;
        line-height: 40px;
    }

    .disable-scroll .ui-dialog-content {
        overflow: hidden !important;
    }

    .primary-colored-button {
        background: #2f5994 !important;
        color: white !important;
        /*height: 25px !important;*/
        text-shadow : none;
  }

  .truncate-show-ellipsis {
    max-width: 160px;
    width: 160 px\9;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .table-no-select-all .ui-chkbox-all {
       display: none !important;
  }

.tceq-selenium-ui-display {
    background-color: #FDDA0D;
    border: 0;
    color: green;
    font-weight: bold;
    font-size:2em;
}




/* ***************************************************************************************************************************************************
******************************************************************************************************************************************************
    Originally from eFiling header.css - minus cleanup of potential clashing classes with PF
******************************************************************************************************************************************************
*************************************************************************************************************************************************** */

/* Note that :root and reset was moved to top of this file */



/* << Questions or Comments linked text*/
#questionscomments a {
    float: right;
    position: absolute;
    top: 14px;
    right: 16px;
    color: #000;
    text-decoration: none;
}

#questionscomments a:hover {
    text-decoration: underline;
}

/* Colors and fonts */

h1, h2, h3, h4, h5, h6 {
  padding-bottom: 5px;
}


h2 { font-size: 1.5em;}
h3 { font-size: 1.25em;}

p {
    padding: 0.5em;
}

.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip-icon{
    margin-left: 2px;
    margin-top: -5px;
    height:20px;
    opacity: .5;
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 190px;
  background-color: #f7fbfc ;
  border: 1px solid lightgray;
  color: #000;
  text-align: left;
  border-radius: 6px;
  padding: 5px 2px;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

input[type="date"] {
    font-family: var(--tceq-font-fam);
}

/* ***************************************************************************************************************************************************
******************************************************************************************************************************************************
    Originally from eFiling.css - minus cleanup of potential clashing classes with PF
******************************************************************************************************************************************************
*************************************************************************************************************************************************** */


.helppage {
    width: 800px;

}

/* a styles */
a {
    color: #0000C8;
    text-decoration: none;
}

a img {
    border: 0 none;
    display: inline;
}

a:active {
    text-decoration: underline;
}

a:hover {
    color: #0000C8;
    text-decoration: underline;
    font-weight: bold;
}

a:focus {
    color: #0000C8;
    text-decoration: underline;
    font-weight: bold;
}



/*------------------------------------------------------
    H E A D E R     E L E M E N T S
------------------------------------------------------*/
#tceqbanner {
    height: 66px;
    width: 1014px;
    margin-bottom: 10px;
}

.tceqlogo {
    border: none;
}

#links_form {
    display: block;
    margin: -60px 0 0 0;
    text-align: right;
    z-index: 1;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .75em;
    color: #333;
    padding-right: 5px;
}

#links_form a {
    color: #333;
    text-decoration: none;
}

#bannertabs img {
    margin: 0;
    padding: 0;
    border: none;
}

#bannertabs {
    margin: 0;
    padding: 0;
    float: right;
    position: relative;
}

#bannertabs ul {
    margin: 21px 0 0 0;
    padding: 0;
    list-style: none;
}

#bannertabs ul li a:link {
    color: #fff;
    text-decoration: underline;
}

#bannertabs ul li a:visited {
    color: #fff;
    text-decoration: underline;
}

#bannertabs ul li a:hover {
    color: #a7c9a9;
    text-decoration: underline;
}

#bannertabs ul li a:active {
    color: #a7c9a9;
    text-decoration: underline;
}

.skiptotext {
    display: block;
    margin: -1em 0 0 -500em;
}

.error {
    font-weight: bold;
    font-size: 12px;
    color: #CC3300;
}

.bold {
    font-weight: bold;
}

.italics {
    font-style: italic;
}

.italicsBld {
    font-style: italic;
    font-weight: bold;
}

.pagingnav {
    font-weight: bold;
    font-size: smaller;
}

.paginghead {
    font-size: smaller;
    padding-bottom: 5px;
}

.forminstructions {
    color: #000000;
    font-size: 80%;
}

.formerrors {
    color: #FF0000;
    font-weight: bold;
}

.tblehlttext {
    background-color: #EEEEEE;
}

.centerstd {
    width: auto;
    text-align: center;
}

.centerbuttons {
    width: auto;
    text-align: center;
    padding-bottom: 10px;
    padding-top: 10px;
}

.infomsg {
    font-weight: bold;
    color: #CC3300;

}

.indent {
    padding-left: 15px;
}

.backsearch {
    font-size: 70%;
}

#searchcriteria {
    font-size: 70%;
}

.pageinstructions {
    color: #000000;
    font-size: 1.1em;
    width: 80%;
    padding-bottom: 5px;
}

.pageinstructions_nosizing {
    color: #000000;
    font-size: inherit;
    width: 75%;
    padding-bottom: 5px;
}

.pageinstructionsbld {
    color: #000000;

    font-weight: bold;
    width: 80%;
    padding-bottom: 5px;
}

.pageinstructionsitalics {
    color: #000000;

    width: 80%;
    padding-bottom: 5px;
    font-style: italic;
}

.pageinstructionsitalics_nosize {
    color: #000000;
    font-size: inherit;
    width: 80%;
    padding-bottom: 5px;
    font-style: italic;
}

.vertdiv {
    vertical-align: top;
}


/* hide the skip link behind the logo */
#skip {
    position: absolute;
    top: 2%;
    left: 4.1%;
    font-size: .3em;
    z-index: -1;
}

#back {
    padding-left: 4%;
}

/* classes for the navigation links */
#nav {
    clear: both;
    margin-top: 2px;
    margin-bottom: 1px;
    margin-left: 5%;
    margin-right: 5%;
    background-color: #FFFFFF;
    color: #000000;
    text-align: right;
    border-bottom: #000066 1px solid;
    border-top: #000066 1px solid;
    padding-top: 2px;
    padding-bottom: 2px;

}

#nav ul {
    list-style: none;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0;
}

#nav li {
    display: inline;
    padding-right: 2%;
    padding-top: 0;
    padding-bottom: 0;
}

#nav a {
    color: #000070;
    background-color: inherit;
}

#nav a:hover {
    color: #FFFFFF;
    background-color: #000070;
    font-size: 110%;
}

#nav #nav a:active, #nav a.selected {
    color: #000080;
    background-color: inherit;
}

#pagetitle {
    font-family: bold Verdana, Geneva, sans-serif;
    font-size: 40px;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #004D2F;
}

#pagetitle1 {
    font-family: bold Verdana, Geneva, sans-serif;
    font-size: 36px;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #004D2F;
}

#pagesubtitle1 {
    font-family: bold Verdana, Geneva, sans-serif;
    font-size: 1.25em;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

;
#pagesubtitle1A {
    font-family: bold Verdana, Geneva, sans-serif;
    font-size: larger;
    text-align: left;
}

;
#pagesubtitle1B {
    font-family: bold Verdana, Geneva, sans-serif;
    font-size: large;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    margin-top: 0px;
}


#pagesubtitle2 {
    font: bold Verdana, Geneva, sans-serif;
    font-size: medium;
    text-align: left;
}

#pagesubtitle3 {
    font: bold Verdana, Geneva, sans-serif;
    font-size: small;
    text-align: left;
}

#main {
    clear: both;
    margin-left: 5%;
    margin-right: 5%;
}

.border {
    border: #000000 thin solid;
}

.bg {
    background-color: #FFF2BF;
    color: inherit;
}

.hidden {
    position: absolute;
    left: 0px;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

.textbox {
    padding: 4px;
    font: small Verdana, Geneva, sans-serif;
    color: #000;
    background-color: #fff;
    border: 1px solid #000;
}

.highlight {
    background-color: #BBCCEE;
    color: #000000;
}

.highlight a {
    color: #000070;
    background-color: inherit;
}

.highlight a:hover {
    color: #400000;
    background-color: inherit;
}

.button a:link a:focus a:visited {
    color:#FFFFFF;
}


.button:hover {
    text-decoration:underline;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}
.button:focus {
    text-decoration:underline;
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}

.primary-colored-button {
    background: #2f5994 !important;
    color: white !important;
    text-shadow: none;
}

.blue {
    color: #31009C;
    background-color: inherit;
}

.green {
    color: #004D2F;
    background-color: inherit;
}

.red {
    color: #e90c45;
}

.boldblue {
    font-weight: bold;
    color: #31009C;
    background-color: inherit;
}

.boldgreen {
    font-weight: bold;
    color: #004D2F;
    background-color: inherit;
}

.boldred {
    color: #860000;
    background-color: #FFFFFF;
    font-weight: bold;
}

.boldmedium {
    font-weight: bold;
    font-size: medium;
}

.col100 {
    width: 100%;
}

.colL50 {
    float: left;
    width: 49.5%;
}

.colL60 {
    float: left;
    width: 60%;
}

.colL70 {
    float: left;
    width: 70%;
}

.colL90 {
    float: left;
    width: 90%;
}

.colR50 {
    float: right;
    width: 49.5%;
    padding-left: 1%;
}

.colL {
    float: left;
    width: 18%;
}

.colL10 {
    float: left;
    width: 9.5%;
}

.colL15 {
    float: left;
    width: 14.5%;
}

.colL18 {
    float: left;
    width: 17.5%;
}

.colL20 {
    float: left;
    width: 19.5%;
}

.colL22 {
    float: left;
    width: 21.5%;
}

.colL25 {
    float: left;
    width: 24%;
}

.colL75 {
    float: left;
    width: 74%;
}

.colL25 {
    float: left;
    width: 25%;
}

.colL33 {
    float: left;
    width: 32%;
}

.colM33 {
    float: none;
    width:32%;
}

.colR33 {
    float: right;
    width: 32%;
    padding-left: 1%;
}

.col33 {
    width: 45%;
    display: inline;
}

.colR60 {
    float: left;
    width: 50%;
}

.colR45 {
    float: right;
    width: 40%;
}

.colL45 {
    float: left;
    width: 40%;
}

.colR75 {
    float: right;
    width: 74%;
    padding-left: 1%;
}

div.span {
    display: inline;
}

.em12 {
    font-size: 1.2em
}

.em11 {
    font-size: 1.1em;
}

.em9 {
    font-size: .9em;
}

.em8 {
    font-size: .8em;
}

.em6 {
    font-size: .6em;
}

.em7 {
    font-size: .7em;
}



th a {
    color: #000070;
    background-color: inherit;
    border: #666666 1px solid;
}

th a:hover {
    color: #400000;
    background-color: inherit;
    border: #666666 1px solid;
}


table.noborder {
    border: none;
    font-size: inherit;
}

table.noborder th {
    background-color: #FFFFFF;
    color: inherit;
    border: none;
}

table.noborder th a {
    color: inherit;
    background-color: #FFFFFF;
    border: none;
}

table.noborder th a:hover {
    color: inherit;
    background-color: #FFFFFF;
    border: none;
}

table.noborder td {
    border: none;
}

.transparent {
    background-color: inherit;
    color: inherit;
}

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

.noDot {
    list-style: none;
}

#return1 {
    padding-top: .5em;
    margin-bottom: 1em;
    float: right;
    width: 35%;
    color: inherit;
    background-color: #FFFFFF;
}

#return2 {
    padding-bottom: 1em;
}

#policy {
    padding-bottom: .5em;
    padding-left: .5em;
    padding-right: .5em;
}

.justLeft {float: left;}

.space {
    margin-bottom: 1em;
}

.space2 {
    margin-bottom: 1em;
    margin-top: 1em;
}

.space3 {
    margin-bottom: 2em;
}

.inline {
    display: inline;
}

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

.noborder {
    border: none;
}

.whiteborder {
    border: #FFFFFF none;
}

.black {
    background-color: inherit;
    color: black;
    font-weight: 600;
}

legend.black {
    background-color: inherit;
    color: black;
    font-weight: normal;
}

legend.boldgreen {
    background-color: inherit;
    color: #004d2f;
    padding: 2px 1px 0px 1px;
}

.underline{text-decoration:underline}

.uspace {
    margin-top: 1em;
}

.pad {
    padding: 1em;
}

.w50 {
    width: 50%;
}

th.white {
    background-color: inherit;
    color: #000000;
}

.boldblack {
    color: #000000;
    background-color: #FFFFFF;
    font-weight: bold;
}

.tableleft {
    text-align: left;
    width: 10%;
    font-weight: bold;
}

.tableright {
    text-align: left;
    width:90%;
    font-weight: normal;
}

.redbold {
    font-weight: bold;
    font-size: 110%;
    color: #FF0000;
}

table.mailaddress {
    border: none;
    width: 60%;
}

table.mailaddress tr {
    border: none;
    vertical-align: top;
}

table.mailaddress th {
    border: none;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
}

table.mailaddress tr td {
    /*border:thick;*/
    border: none;
    vertical-align: top;
}

table.mailaddress tr td.couriertitle {
    border: none;
    vertical-align: top;
    padding-left: 50px;
}

table.mailaddress tr td.courieraddress {
    border: none;
    vertical-align: top;
    padding-left: 100px;
    text-align: left;
}

table.mailaddress tr td.faxno {
    border: none;
    vertical-align: top;
    padding-right: 100px;
}

table.faxnote {
    font-size: larger;
    border: none;
    width: 100%;
}

table.faxnote tr td.faxnote {
    border: none;
    vertical-align: top;
    padding-left: 120px;
}

.pagetitlemain {
    font-size: 1.4em;
    font-weight: bolder;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #004D2F;
}

.pagetitlemainsub {
    font-size: 1.25em;
    font-weight: bolder;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.pagetitlelist {
    font-weight: bolder;
    color: #004D2F;
    font-size: 1.25em;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

.pagetitleconf {
    font-weight: bolder;
    font-size: 1.3em;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
    color: #004D2F;
}

.pagesubtitle2 {
    font-weight: normal;
    font-size: 1.25em;
    text-align: left;
    padding-bottom: 0px;
    margin-bottom: 0px;
}


.border1 {
    border: 1px solid grey;
    padding: 1em 10px;
    margin: 1em 0;
}

/* FLEX */

.flexContainer {
    display: flex;
    flex-flow: row wrap;
}

.flexItem15 {flex: 15%;}
.flexItem20 {flex: 20%;}
.flexItem33 {flex: 33%;}
.flexItem50 {flex: 50%;}
.flexItem60 {
    display: flex;
    flex-flow: row wrap;
    flex: 60%;
}
.flexItem99 {flex: 99%;}
.flexItem100 {
    display: flex;
    flex-flow: row wrap;
    flex: 100%
}


.preserveSpaces { 
	white-space:pre-wrap;
}