body {
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

input[type=submit] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 140px;
    height: 24px;
    margin-left: 10px;
    color: #333333;
}

input[type=button] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    width: 140px;
    height: 24px;
    margin-left: 10px;
    color: #333333;
}

.ui-inplace .ui-inputfield {
    vertical-align: middle;
    width: 80px;
}

.externalButton {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px !important;
    font-weight: bold !important;
    width: 160px !important;
    height: 30px !important;
    color: #223260 !important;
    background-color: #95C93F !important;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 6px;
}

.externalButton .hover {
    border: 1px solid #666666 !important;
}

select {
    width: 200px;
    font-size: 11px;
}

a:link {
    color: #323233;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

a:visited {
    color: #323233;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}

a:hover {
    color: #132C5E;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
}

a:active {
    color: #323233;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: underline;
}
/* 
label {
  width:140px;
  display: inline-block;
  padding: 2px 1px 1px 5px;
}
 */
#container {
    margin: 0 auto;
    padding: 5px;
    width: 1280px;
}

#container1000 {
    margin: 0 auto;
    padding: 5px;
    width: 1000px;
}

#sidebar {
    font-size: 0.9em;
    width: 225px;
    float: right;
    border: 1px solid #666666;
    background: #EAECEE;
    padding: 0 15px 5px 15px;
}

#sidebar ul {
    padding-left: 30px;
}

#footer {
    clear: both;
    text-align: center;
    color: #aaaaaa;
    font-size: 11px;
    padding: 10px 0 0 0;
}

#commandButtons {
    border: 0px;
    width: 100%;
    text-align: right;
    padding: 0 20px 0px 0px;
}

code {
    font-size: 1.1em;
}

.messages {
    list-style-type: none;
}

.invalid {
    color: red;
}

.warn {
    color: #ffd89d;
}

.valid {
    color: #7DBE31
}

.colTop {
    vertical-align: top;
}

.colLeft {
    text-align: left;
}

.colCenter {
    text-align: center;
}

.colRight {
    text-align: right;
}

.colRight200 {
    width: 200px;
    vertical-align: top;
    text-align: right;
}

.colRight300 {
    width: 300px;
    vertical-align: top;
    text-align: right;
}

.colLeft200 {
    width: 200px;
    vertical-align: top;
    text-align: left;
}

.colLeft220 {
    width: 220px;
    vertical-align: top;
    text-align: left;
}

.readOnly {
    background-color: #e9e9e9 !important;
    color: #323233 !important;
}

.outputData {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 220px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputDataNoPadding {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 220px;
    display: inline-block;
}

.outputDataBold {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336633;
    width: 220px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputDataBoldBlack {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    width: 220px;
    padding-left: 355px;
    text-decoration: underline;
}

.outputDataNoSize {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputDataNoSizeNoPadding {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    display: inline-block;
}

.outputDataBoldNoSize {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #336633;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData160 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 160px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData120Right {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: right;
    color: #132C5E;
    width: 120px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData100 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 100px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData60 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 60px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData40RightText11 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #132C5E;
    width: 40px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData60RightText11 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #132C5E;
    width: 60px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData80RightText11 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    text-align: right;
    color: #132C5E;
    width: 80px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.outputData60Right {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #132C5E;
    width: 60px;
    display: inline-block;
    padding: 2px 1px 10px 5px;
    text-align: right;
}

.outputDataAccountPanel {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #333;
    padding: 1px 1px 1px 1px;
}

.label {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #132C5E;
    width: 140px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelBlue {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #0066CC;
    width: 140px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelBlueBold {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #0066CC;
    width: 140px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
    font-weight: bold;
}

.labelGreen {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #7DBE31;
    width: 140px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
    font-weight: bold;
}

.labelInvalid {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: red;
    width: 140px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelInvalidNoSize {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: red;
    display: inline-block;
}

.labelNoSize {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #132C5E;
    display: inline-block;
}

.labelLong {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #132C5E;
    width: 180px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelBold {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #132C5E;
    width: 141px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.textwrap {
    width: 200px;
    word-wrap: break-word;
}

.labelBold180 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #132C5E;
    width: 180px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelBoldNoSize {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #132C5E;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.labelAccountPanel {
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: #333;
    line-height: 18px;
}

.labelAccountPanelLarge {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    color: #333;
    line-height: 18px;
}

.labelSelectOne .ui-selectmanycheckbox label, .ui-selectoneradio label {
    margin-left: 14px !important;
	margin-top: 5px;
    white-space: nowrap;
	font-size: 14px;
}

.labelSelectOne240 .ui-selectmanycheckbox label, .ui-selectoneradio label {
    margin-left: 14px !important;
    margin-top: 5px;
    white-space: nowrap;
    width: 240px !important;
    font-size: 14px;
}

.outputDataAccountPanelLarge {
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    color: #333;
    line-height: 18px;
}

.statusAccountPanel {
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    color: #336633;
    display: inline-block;
    vertical-align: bottom;
    padding-bottom: 4px;
    margin-right: 10px;
}

.notUsed {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 13px;
    color: #aaaaaa;
    width: 160px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.grid8Label {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: right;
    vertical-align: top;
    color: #000088;
    width: 80px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.grid8Text {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: left;
    vertical-align: top;
    color: #000044;
    width: 200px;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.grid4Label {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #222222;
    margin-top: 10px;
}

.grid4Data {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
    text-align: left;
    color: #444444;
}

.grid4Col {
    width: 270px;
    display: inline-block;
    vertical-align: top;
    padding: 3px 15px 1px 5px;
}

.grid5Label {
    margin-top: 10px;
}

.grid5Data {
    width: 180px !important;
}

.grid5Col {
    width: 200px !important;
    vertical-align: top;
    padding: 3px 10px 1px 5px;
}

.onlyRight {
    text-align: right;
}

#onlyRight {
    text-align: right;
}

.commandButtons {
    width: 100%;
    padding: 0 5px 0px 5px;
    margin: 3px 5px 3px 5px;
    text-align: right;
    border: 0px;
}

.settingsCommandButtons {
    width: 100%;
    margin: 3px 5px 3px 5px;
    text-align: right;
    border: 0px;
}

.resetButton {
    padding: 0 !important;
}

.panelBorder {
    border: 1px inset #ffffff;
    -moz-box-shadow: inset 0 2em 3em -3em #e6e6e6;
    -webkit-box-shadow: inset 0 2em 3em -3em #e6e6e6;
    box-shadow: inset 0 2em 3em -3em #e6e6e6;
}

.instructions {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
}

.instructions14 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
}

.headerLogo {
    width: 200px;
    text-align: left;
    padding-left: 30px;
}

.headerMenu {
    width: 1100px;
    text-align: center;
    border: 0px;
}

#datatableForm\:datatable th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    background-color: #666666;
    color: #ffffff;
}

.sectionHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #132C5E;
    display: inline-block;
}

.subSectionHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #132C5E;
    display: inline-block;
}

.header12 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #132C5E;
    display: inline-block;
}

.pageHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #182343;
    color: #ffffff;
    padding: 5px 0px 5px 15px;
    margin-bottom: 5px;
    height: 22px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.pageHeaderLeft {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #182343;
    color: #ffffff;
    text-align: left;
}

.pageHeaderRight {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    background-color: #182343;
    color: #ffffff;
    text-align: right;
}

.pageHeaderScreenTitle {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #ffffff;
    text-align: left;
}

.pageContent {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    background-color: #ffffff;
    color: #cccccc;
    padding: 0px 20px 0px 20px;
    margin-bottom: 10px;
}

.infoData {
    margin-left: 10px;
    color: #95C93F;
    font-size: 12px;
    font-style: italic;
}

.toolbarLink {
    color: #95C93F;
    font-size: 12px;
    font-style: italic;
    padding-left: 3px;
    text-decoration: none;
    white-space: nowrap;
}

.toolbar {
    margin-left: 16px;
}

.ui-toolbar-group-right {
    float: right;
    margin-right: 20px;
}

.ui-toolbar-group-left {
    float: left;
    margin-right: 20px;
}

.datagridHeader {
    font-weight: normal;
    font-style: italic;
}

.ownerPrimary {
    color: #95C93F;
    font-size: 9px;
    margin-left: 5px;
}

.externalLabel {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px !important;
    text-align: left;
    color: #777777;
    width: 160px !important;
    margin-top: 8px;
}

.externalLabel220 {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px !important;
    text-align: left;
    color: #777777;
    width: 220px;
    margin-top: 8px;
}

.externalLabelNoSize {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px !important;
    text-align: left;
    color: #777777;
    margin-top: 8px;
}

.externalData {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px !important;
    text-align: left;
    color: #606060;
    width: 190px !important;
    margin: 8px 15px 0px 10px;
}

.externalData select {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px !important;
    text-align: left;
    color: #606060;
    width: 190px !important;
    margin: 8px 15px 0px 10px;
}

.externalDataCal input {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 15px !important;
    text-align: left;
    color: #555566;
    width: 190px !important;
    margin: 8px 15px 0px 10px;
}

.externalDataReadOnly {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px !important;
    text-align: left;
    color: #444444;
    background-color: #e9e9e9;
    width: 210px !important;
    margin: 8px 15px 0px 10px;
}

.approvedMessage {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #132C5E;
}

.approvedValue {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-style: italic;
    color: #f58026;
}

.orangeSectionHeader {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
    color: #f58026;
}

.applicationMessages {
    color: #95C93F;
    font-size: 28px;
    font-family: Gotham Book, Arial, Helvetica, sans-serif;
}

.fieldInstructions {
    color: #95C93F;
    font-size: 16px;
    font-family: 'Comic Sans MS', Textile, cursive;
    font-style: italic;
    margin-top: 15px;
}

.formPanelGrid.ui-panelgrid>*>tr, .formPanelGrid.ui-panelgrid .ui-panelgrid-cell,
.formPanelGrid.ui-panelgrid .ui-widget-content {
    background-color: #ffffff;
    border: none;
    padding-left: 0px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    vertical-align: bottom;
}

.col20 {
    width: 20px;
    vertical-align: top;
}
.col10 {
    width: 10px;
    vertical-align: top;
}

.col30 {
    width: 30px;
    vertical-align: top;
}

.col50 {
    width: 50px;
    vertical-align: top;
}

.col60 {
    width: 60px;
    vertical-align: top;
}

.col80 {
    width: 80px;
    vertical-align: top;
}

.col82 {
    width: 82px;
    vertical-align: top;
}

.col100 {
    width: 100px;
    vertical-align: top;
}

.col120 {
    width: 120px;
    vertical-align: top;
}

.col140 {
    width: 140px;
    vertical-align: top;
}

.col150 {
    width: 150px;
    vertical-align: top;
}

.col160 {
    width: 160px;
    vertical-align: top;
}

.col180 {
    width: 180px;
    vertical-align: top;
}

.col190 {
    width: 190px;
    vertical-align: top;
}
.col200 {
    width: 200px;
    vertical-align: top;
}

.col220 {
    width: 220px;
    vertical-align: top;
}

.col225 {
    width: 225px;
    vertical-align: top;
}

.col240 {
    width: 240px;
    vertical-align: top;
}

.col250 {
    width: 250px;
    vertical-align: top;
}

.col260 {
    width: 260px;
    vertical-align: top;
}

.col280 {
    width: 280px;
    vertical-align: top;
}

.col300 {
    width: 300px;
    vertical-align: top;
}

.col340 {
    width: 340px;
    vertical-align: top;
}

.col360 {
    width: 360px;
    vertical-align: top;
}

.col380 {
    width: 380px;
    vertical-align: top;
}

.col400 {
    width: 400px;
    vertical-align: top;
}

.col440 {
    width: 440px;
    vertical-align: top;
}

.col500 {
    width: 500px;
    vertical-align: top;
}

.col560 {
    width: 560px;
    vertical-align: top;
}

.col600 {
    width: 600px;
    vertical-align: top;
}

.col630 {
    width: 630px;
    vertical-align: top;
}

.col700 {
    width: 700px;
    vertical-align: top;
}

.col800 {
    width: 800px;
    vertical-align: top;
}

.col840 {
    width: 840px;
    vertical-align: top;
}

.col860 {
    width: 860px;
    vertical-align: top;
}

.col900 {
    width: 900px;
    vertical-align: top;
}

.col1000 {
    width: 1000px;
    vertical-align: top;
}

.pCol60 div label {
    width: 60px;
    vertical-align: top;
}

.pCol80 div label {
    width: 80px;
    vertical-align: top;
}

.pCol100 div label {
    width: 100px;
    vertical-align: top;
}

.pCol160 div label {
    width: 160px;
    vertical-align: top;
}

.pCol220 div label {
    width: 220px;
    vertical-align: top;
}

.pCol320 div label {
    width: 320px;
    vertical-align: top;
}

.colLeft {
    text-align: left;
    vertical-align: top;
}

.colLeft50Pct {
    text-align: left;
    vertical-align: top;
    width: 50%;
}

.colLeft40Pct {
    text-align: left;
    vertical-align: top;
    width: 40%;
}

.colRight {
    text-align: right;
    vertical-align: top;
}

.colAccountHomeLabel {
    text-align: left;
    width: 130px;
    vertical-align: bottom;
}

.colLabelAlignTop {
    text-align: left;
    width: 130px;
    vertical-align: top;
}

.colAccountPanel33 {
    width: 33%;
    vertical-align: top;
}

.colAccountHomeDataLeft {
    text-align: left;
    width: 160px;
    vertical-align: bottom;
}

.colAccountHomeDataRight {
    text-align: right;
    width: 150px;
    padding-right: 50px;
    vertical-align: bottom;
}

.colRight50Pct {
    text-align: right;
    vertical-align: top;
    width: 50%;
}

.colTop {
    vertical-align: top;
}

.overlayPanelCell108 {
    width: 108px;
    background-color: #ffffff;
    vertical-align: top;
}

.overlayPanelCell128 {
    width: 128px;
    background-color: #ffffff;
    vertical-align: top;
}

.overlayPanelCell128.col2 {
    text-align: right;
    white-space: nowrap;
}

.panelGridColor{
    background-color: #ffffff !important;
    border: none;
}

.overlayPanelLabel {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #132C5E;
    width: 120px;
    display: inline-block;
    padding-left: 3px;
}

.overlayPanelData {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #132C5E;
    width: 120px;
    display: inline-block;
    white-space: nowrap;
    padding-left: 3px;
}

.overlayPanelData.cashPayoff {
    display: inline;
}

.transactionDetailCell100Percent {
    width: 100%;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
}

.transactionDetailCell108 {
    width: 108px;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
}

.transactionDetailCell128 {
    width: 128px;
    background-color: #ffffff;
    vertical-align: top;
    text-align: left;
}

.transactionDetailLabel {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #132C5E;
    width: 100px;
    display: inline-block;
    padding-left: 3px;
}

.transactionDetailData {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 11px;
    color: #132C5E;
    width: 120px;
    display: inline-block;
    padding-left: 3px;
}

.datalistNoBorder .ui-widget-content {
    border: none;
}

.noBorders tr, .noBorders td {
    background: none !important;
    border: none !important;
}

.ui-panelgrid .ui-widget-content {
    background: #dddddd;
}

.panelHeader {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    color: #132C5E;
}

.calendarInput75 {
    width: 75px !important;
    text-align: right;
}

.blueStyle {
    color: #0066CC;
}

.redStyle {
    color: red;
}

.greenStyle {
    color: #7DBE31
}

.watchList {
    color: orange;
}

.customerStyle {
    color: #fc9303;
}

.tier1 {
    color: purple;
}

.tier2 {
    color: #7DBE31
}

.prefundingCallRequired {
    color: #FF3399;
}

.purpleStyle {
    color: #A020F0;
}

.preformatted {
    white-space: pre;
}
.autocompletePaymentSearch .ui-autocomplete-multiple-container {
    width: 220px;
    height: 16px;
}
.autocompletePaymentSearch .ui-widget input, .ui-widget textarea {
    width: 220px;
}
.autocompleteAccountSearch .ui-autocomplete-multiple-container {
    width: 610px !important;
}

.autocompleteAccountSearch .ui-widget input, .ui-widget textarea {
    width: auto !important;
}

#action-container {
    padding: 25px;
    text-align: center;
}

#action-container .action-link {
    width: 47%;
    margin: 15px auto;
    border: 2px solid #cccccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 10px;
    text-align: center;
    background: #eeeeee;
    cursor: pointer;
}

#action-container .action-link:hover {
    background: #ddeec5;
}

#action-container .action-link .title-span {
    font-weight: bold;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin: 25px;
    font-height: 1.15em;
    font-size: 1.25em;
    color: #09487c;
    margin-left: auto !important;
    margin-right: auto !important;
}

#action-container .action-link .text-span {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin: 25px;
    font-height: 1.15em;
    font-size: 1.0em;
    color: #333333;
    margin-left: auto !important;
    margin-right: auto !important;
}

#address-container {
    padding: 5px;
    text-align: center;
}

#address-container .title-span {
    font-weight: bold;
    display: block;
    width: 83%;
    margin: 0 auto;
    font-height: 1.15em;
    font-size: 1.25em;
    color: #09487c;
}

#address-container .address-link {
    display: block;
    text-decoration: none;
    font-weight: bold;
    width: 60%;
    margin: 15px auto;
    border: 2px solid #cccccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 10px;
    text-align: center;
    background: #eeeeee;
    cursor: pointer;
    cursor: pointer;
    padding: 8px;
}

#address-container .address-link:hover {
    background: #ddeec5;
}

#cardContainer {
    padding: 10px;
    width: 300px;
}

#cardContainer .card-link {
    width: 47%;
    margin: 15px auto;
    border: 2px solid #cccccc;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 10px;
    text-align: left;
    background: #eeeeee;
    cursor: pointer;
}

#cardContainer .card-link:hover {
    background: #ddeec5;
}

#cardContainer .card-link .type-span {
    font-weight: bold;
    display: block;
    width: 80%;
    margin: 0 auto;
    margin: 25px;
    font-height: 1.15em;
    font-size: 1.25em;
    color: #09487c;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cardContainer .card-link .number-span {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin: 25px;
    font-height: 1.15em;
    font-size: 1.0em;
    color: #333333;
    margin-left: auto !important;
    margin-right: auto !important;
}

#cardContainer .card-link .date-span {
    display: block;
    width: 80%;
    margin: 0 auto;
    margin: 25px;
    font-height: 1.15em;
    font-size: 1.0em;
    color: #333333;
    margin-left: auto !important;
    margin-right: auto !important;
}

.cardLink {
    display: block;
    color: black;
    text-decoration: none;
}

.cardType {
    font-weight: bold;
    font-size: 16px;
    color: #132C5E;
}

.calendar190 input {
    width: 190px !important;
}

.calendar170 input {
    width: 170px !important;
}

.snap-panelgrid {
    background-color: #FFF !important;
}

.snap-panelgrid tr {
    background-color: #FFF !important;
    border: 0px solid #FFF !important;
}

.snap-panelgrid td {
    padding: 0px !important;
}

.hardshipCheckbox .ui-state-disabled {
    border: 1px solid #cccccc;
    background: #f0f0f0;
    font-weight: bold;
    color: #132C5E;
}
.noBorderGrid.ui-panelgrid>*>tr, .noBorderGrid.ui-panelgrid .ui-panelgrid-cell
{
    border: none !important;
}

.noBackgroundGrid.ui-panelgrid>*>tr, .noBackgroundGrid.ui-panelgrid .ui-panelgrid-cell
{
    border: none !important;
    background-color: transparent;
}
.noPaddingPanel.ui-panel .ui-panel-content {
    padding: 0px !important;
}

.outputData80Centered {
    width: 80px;
    text-align: center;
}

.disclaimer {
    clear: both;
    text-align: center;
    color: #aaaaaa;
    font-size: 11px;
}

.yellowAgeStyle {
    color: #FCD912;
}

.greenAgeStyle {
    color: #7DBE31
}

.dataGridHeader {
    display: inline-block;
    width: 100%;
    text-align: center;
    background: #666666;
    color: white;
    height: 24px;
    line-height: 200%;
}

.dashboardColumnsMerchantInformation {
    width: 100%;
}

.overAchMax {
    background-color: #00f5ff;
}

.ui-picklist-buttons {
    margin-top: 50px !important;
}

.OPT_IN {
    color: #13a301 !important;
}

.OPT_OUT {
    color: red !important;
}

.NOT_DETERMINED {
    color: black !important;
    font-weight: bold !important;
}

.detailLink {
    display: block;
    color: black;
    text-decoration: none;
}

.default_bank_info {
    background-color: #dee5fd !important;
}

.satisfiedPayment {
    color: #95c93f;
}

.missedPayment {
    color: red;
}

.futurePayment {
    color: #aaaaaa;
}

.spanClippy {
    width: 24px;
    height: 24px;
    background-image: url("/javax.faces.resource/gfx/clipboard.png.xhtml");
    display: inline-block;
    margin-left: 15px;
    cursor: pointer;
}

.label70px {
    width: 70px !important;
}

.outputTextWithPadding {
    padding: 5px;
    display: inline-block;
    vertical-align: top;
    font-family: Tahoma, Geneva, sans-serif !important;
}

.RTO {
    color: #276DAC !important;
}

.SSL {
    color: #860130 !important;
}

.topAlign td {
    vertical-align: top;
}

.unresizable {
    resize: none;
}

.queueCheckbox .ui-chkbox .ui-chkbox-box {
    width: 12px;
    height: 12px;
}

.queueCheckbox .ui-icon-check {
    width: 12px;
    height: 12px;
}

.selectButtonActive .ui-state-active {
    background-color: #dddddd;
    color: #132C5E;
    -webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
    box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.35);
}

.selectButtonActive .ui-state-hover {
    background-color: #dddddd;
}

.warningPanel .ui-widget-content {
    background: #ffd89d;
}

.removeButtonText {
    color: #e60000 !important;
}

.accountHomePanel {
    background-color: #d7dae5 !important;
    border: none !important;
}

.accountHomeIncludePanel {
    background-color: #d7dae5 !important;
    padding: 0px !important;
    margin-bottom: 5px;
    margin-right: 3px;
    display: inline-block;
    width: 325px !important;
}

.accountHomeLinkPanel {
    text-align: right;
    margin-top: 5px;
    background: transparent !important;
    border: none !important;
}

.accountHomeLinkPanelLink {
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.accountHomeSideBarPanel {
    background-color: #d7dae5 !important;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    width: 270px !important;
}


.accountHomeSideBarPanelCustomerPortal {
	background-color: #f2dede !important;
	vertical-align: top;
	margin: 0px 0px 5px 0px;
	width: 270px !important;
}

.accountHomeSideBarPanelCustomerPortalNormal {
    background-color: #D7DAE5 !important;
    vertical-align: top;
    margin: 0px 0px 5px 0px;
    width: 270px !important;
}

.accountHomeSideBarPanelCustomerPortalTitle {
	color: #cd0a0a !important;
	font-family: Arial, Helvetica, sans-serif;
	margin-right: 5px;
	font-size: 14px;
	font-weight: bold;
}

.accountHomeSideBarPanelCustomerPortalTitleNormal {
    color: #132C5E !important;
    font-family: Arial, Helvetica, sans-serif;
    margin-right: 5px;
    font-size: 14px;
    font-weight: bold;
}


.customerSnapShotPanel {
    background-color: #d7dae5;
    margin-bottom: 5px;
}

.accountHomeButtons {
    background-color: #d7dae5 !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
}

.accountHomeButtons .ui-button-text {
    font-size: 11px;
}

.accountHomeButtons .ui-panel-content .ui-widget-content {
    padding: 0px !important;
}

.accountHomeButtons .ui-panel-content .ui-widget-content {
    padding: 0px !important;
}

.accountHomeButtons .ui-panel .ui-panel-content {
    padding: 0px !important;
}

.accountHomeButtons .ui-datalist .ui-widget {
    padding: 0px !important;
}

.accountHomeInfo {
    color: #182343;
    background-color: #DBE6E0;
    border: none;
    width: 284px;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px 3px 5px 7px;
}

.accountHomeWarnText {
    color: #d69c00;
}

.accountHomeErrorText {
    color: #c74812;
}

.accountHomeWarn {
    color: #E9EB87;
    background-color: #AED572;
    border: none;
    width: 284px;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px 3px 5px 7px;
}

.accountHomeError {
    color: #EED6D6;
    background-color: #AED572;
    border: none;
    width: 284px;
    font-weight: bold;
    margin-top: 0px;
    padding: 5px 3px 5px 7px;
}

.accountHomeWorkPanel {
    background-color: #f8f8fe !important;
}

.accountHomeWorkLabelGreen {
    color: #95C93F;
    font-size: 14px;
}

.accountHomeWorkOutputDataGreen {
    color: #95C93F;
    font-size: 18px;
}

.accountHomeWorkSuperGreen {
    color: #95C93F;
    font-size: 14px;
    vertical-align: super;
    margin-right: 2px;
}

.ui-inputfield, .ui-widget-content .ui-inputfield, .ui-widget-header .ui-inputfield
{
    background: #ffffff;
    -moz-box-shadow: inset 0 2em 3em -3em #e6e6e6;
    -webkit-box-shadow: inset 0 2em 3em -3em #e6e6e6;
    box-shadow: inset 0 2em 3em -3em #e6e6e6;
    color: #323233;
    padding: 1px 4px 1px 4px;
}

.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    padding: 0 22px 0 0;
    border: 0;
}

.ui-widget-header .ui-inputfield, .ui-widget-content .ui-inputfield {
    font-weight: normal;
}

.ui-datalist, .ui-widget {
    vertical-align: top;
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.ui-state-default {
    border: 1px solid #cccccc;
    background: #f0f0f0;
    font-weight: bold;
    color: #132C5E;
    text-decoration: none;
}

.ui-widget {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #323233;
}

/* CPO SCHEDULE THEMING */
.ui-schedule-cpo .fc-toolbar {
    background-color: #113866;
    color: white;
    height: 40px;
    padding-top: 15px;
    padding-left: 10px;
    padding-right: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin-bottom: 0px !important;
}

.ui-schedule-cpo th.fc-day-header.ui-widget-header {
    background-color: #113866;
    border-color: #113866;
    color: white;
    padding: 4px;
}

.ui-schedule-cpo .ui-widget-content {
    border: 1px solid #f3f3f3;
}

.ui-schedule-cpo .ui-state-highlight {
    background: #f7f7f7;
    font-weight: bold;
    color: #000000;
}

.ui-schedule-cpo-container:after {
    content: "";
    display: table;
    clear: both;
}

.ui-schedule-cpo-container h4 {
    color: #113575;
    font-size: 110%;
}

.ui-schedule-cpo-container p {
    color: #8e8e8e;
}

.ui-schedule-cpo-container .label {
    color: #6e7984;
    padding: 0;
}

.ui-schedule-cpo-container .label-value {
    color: #8e8e8e;
}

.ui-schedule-cpo-container .label-value-bold {
    color: #545454;
    font-weight: 800;
}

.ui-schedule-cpo-container .label-bold {
    color: #425469;
    font-weight: 800;
}

.ui-schedule-cpo-container .ui-selectonemenu {
    border: solid 1px #ededed;
    line-height: 28px;

}

.ui-schedule-cpo-container .ui-selectonemenu-label {
    background-color: #ededed;
    color: #6e7984;
}

.ui-schedule-cpo-container .ui-selectonemenu-trigger {
    width: 25px;
    border-left: 0;
}

.ui-schedule-cpo-container .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 9px;
    margin-left: 5px;
}

.ui-schedule-cpo-container .ui-selectonemenu .ui-inputfield {
    background-color: #f5f5f5;
    color: #425469;
    margin-left: 10px;
}

.ui-schedule-cpo-confirm .ui-widget-content {
    border: 0;
}

.cpo-selectonemenu li {
    line-height:26px;
}

.ui-schedule-cpo-container .ui-button-primary {
    background-color: #113767;
    color: white;
    text-transform: uppercase;
    border: 0;
    padding: 4px;
    border-radius: 5px;
    min-width: 80px;
}

.ui-schedule-cpo-container .ui-button-primary:disabled {
    opacity: 0.4;
}

.ui-schedule-cpo-container .ui-button-default {
    background-color: #e4e4e4;
    color: #919191;
    text-transform: uppercase;
    border: 0;
    padding: 4px;
    border-radius: 5px;
    min-width: 80px;
}

.ui-schedule-cpo-container .ui-datatable.basicTable th {
    background-color: #113866;
    border-color: #113866;
    color: white;
    padding: 4px;
    font-size: 12px;
    font-weight: normal;
}

.ui-schedule-cpo-container .ui-datatable-tablewrapper {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.ui-schedule-cpo-column {
    float: left;
}

.color-current-cpo {
    background: #96CD4D;
}

.color-3-days-cpo {
    background: #D8D8D8;
}

.color-5-days-cpo {
    background: #FFd60C;
}

.color-10-days-cpo {
    background: #FFBA00;
}

.color-15-days-cpo {
    background: #FF8A18;
}

.color-20-days-cpo {
    background: #FF711B;
}

.color-25-days-cpo {
    background: #F2441B;
}

.color-30-days-cpo {
    background: #CE1103;
}

.color-35-days-cpo {
    background: #9A0000;
}

.color-40-days-cpo {
    background: #640000;
}

.color-45-days-cpo {
    background: #4F0202;
}

.ui-schedule-cpo .current-cpo-event {
    border-color: #8FCC3E;
    border-radius: 15px;
}

.ui-schedule-cpo .cpo-event-3-days {
    border-color: #E8E8E8;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-5-days {
    border-color: #FFD60C;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-10-days {
    border-color: #FFBA00;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-15-days {
    border-color: #FF8A18;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-20-days {
    border-color: #FF711B;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-25-days {
    border-color: #F2441B;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-30-days {
    border-color: #CE1103;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-35-days {
    border-color: #9A0000;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-40-days {
    border-color: #640000;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-45-days {
    border-color: #4F0202;
    border-radius: 15px;
    cursor: pointer;
}

.ui-schedule-cpo .cpo-event-selected {
    border: 2px solid black;
}

.ui-schedule-cpo .payday {
    background: #113767;
    border-color: #113767;
    border-radius: 15px;
}

.small {
    text-align: center;
    font-size: 85%;
    color: #929292 !important;
    font-weight: 400;
    margin-left: 5px;
    margin-right:5px;
}

.circle-cpo-days {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
}

div#inactivatedMessage ,  div#watchListMessage{
    padding: 0;
    margin:0 ;
}

div.warningMessage{
    background: #fdc2b8;
}

div.infoMessage{
    background: #dce0e8a3;
}

 #inactivatedMessage i.fa.fa-ban,
 #watchListMessage i.fa.fa-info {
     color: #c81e3a;
     font-size: 16px;
     margin-right: 0.75em;
 }

 span.messageType{
     font-size: 14px;
     font-weight: bolder;
     color: #132C5E;
 }

 #watchListMessage i.fa.fa-info{
     color: #0c2461;
 }

.grid {
    display: flex;
    justify-content: center;
}

.grid div.column {
    width: 50%;
}

.grid_row {
    padding: 0;
    margin: 0;
}
div.column.merchantButtons div.commandButtons button{
    font-size: 1.1em;
    background: #f4f4f4;
    border-color: #f0f0f0;
    color: #1851A7;
    margin-left: 0.8em;
    border-radius: 0.45em;
}

div.column.merchantButtons div.commandButtons button.blueCommandButtons{
    background: #184E90;
    color: white;
}

.leftAlignment{
    text-align: left;
}

div.commandButtons.leftAlignment, div.commandButtons.leftAlignment>div{
    padding-left: 0;
    margin-left: 0;
}

div.commandButtons>div{
    padding: 0 2em !important;
}

div.inactivateReasonMenu li[data-label="Merchant Closed"],
div.inactivateReasonMenu li[data-label="Funding Compliance"],
div.inactivateReasonMenu li[data-label="Merchant Performance"],
div.inactivateReasonMenu li[data-label="Merchant Fraud"]
{
    pointer-events: none;
    cursor: default;
    font-weight: 600;
    font-size: 0.85em;
    color: #787878;
    padding: 5px 2px;
}

div.inactivateReasonMenu li[data-label="Consumer Fraud"],
div.inactivateReasonMenu li[data-label="No longer in portfolio"],
div.inactivateReasonMenu li[data-label="Closed"]
{
    pointer-events: none;
    cursor: default;
    display: none;
}

div.inactivateMerchantDialog{
    padding: 1em;
    border: none;
    border-radius: 0.5em;
    width: 40%;
}

div.inactivateMerchantDialog div.ui-dialog-titlebar{
    float: right;
}

h2.inactivateMerchantHeader, h4.inactivationNote{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    color: #143965 ;
    width: 90%;
}
h4.inactivationNote{
    font-size: 12px;
    margin: 0.5em 0;
    display: inline-block;
    width: auto;
}
.merchantReason{
    display: block;
    margin-right: 5em;
    color: #143965 ;
}

.merchantInactiveBody{
    display: block;
    color: #143965;
    margin: 1em;
}

.merchantInactiveBodyAlert{
    display: block;
    color: #f50505;
    margin: 1em;
}

.merchantInactiveAlert{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    letter-spacing: 0.5px;
    word-spacing: 1px;
    color: #f50505;
    border-bottom: 2px ridge #e2e1e1;
}

div.glossaryGrid{
    font-size: 11px;
    color: #363636;
}

div.glossaryGrid h4{
    text-align: center;
    margin: 5px;
    color: #143965;
}
li.glossarySection{
    font-weight: 500;
    font-style: oblique;
}

.merchantReasonDropdown{
    line-height: 1.5em;
    border: solid 1px #143965;
}

.merchantDataBoldNoSize {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    padding: 2px 1px 1px 5px;
}

.merchantInfoStyle{
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 15px;
    font-weight: bolder;
    display: inline-block;
    color: #336633;
}

.merchantInfoStyleRed{
    color: #CE1103;
}

.merchantDataBoldSize12 {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
}

.merchantBold12NoPadding {
    padding-left: 4px !important;
}

.merchantStyleLighter {
    font-family: Trebuchet MS, Tahoma, Geneva, sans-serif;
    font-size: 12px;
    color: #6f6868;
    font-weight: lighter;
    display: inline-block;
}

div.merchantStatusDetails, #inactiveMerchantDetails>div, #merchantDateDetails>div, div.merchantStatusDetails>div{
    margin: 0;
    padding: 0 !important;
    border: none;
    background: none;
}
div#inactivateReasonValues div.ui-selectonemenu-items-wrapper{
    overflow: visible !important;
}

@media (min-width: 1481px) {
    div.inactivateMerchantDialog{
        max-width: 25%;
    }
}
@media (max-width: 1480px) {
    div.inactivateMerchantDialog{
        max-width: 35%;
    }
}
.inputHigh {
    line-height: 2.25 em !important;
    border-radius: 0px;
    border: none;
}

/* Account Manager Styling */

.ui-account-manager .panel-container {
    width: 98%;
}

.ui-account-manager-container {
    width: 100%;
    font-family: "Open Sans",sans-serif;
}

.ui-account-manager-container:after {
    content: "";
    display: table;
    clear: both;
}

.ui-account-manager-container .table-row {
    line-height: 22px;
}

.ui-account-manager-container .summary-label {
    font-size: 12px;
    float: left;
    width: 48%;
	color: #132C5E;
    padding: 0;
}

.ui-account-manager-container .summary-label-value {
    font-size: 12px;
    float: right;
    text-align: right;
    width: 46%;
	color: #323233;
    padding: 0;
    margin-left: 0px;
}

.ui-account-manager-container .detail-label {
    font-size: 11px;
    float: left;
    width: 46%;
    color: #132C5E;;
    padding: 0;
}

.ui-account-manager-container .detail-label-value {
    font-size: 11px;
    float: right;
    text-align: right;
    width: 46%;
    color: #323233;
    padding: 0;
    margin-left: 0px;
}

.ui-account-manager-column {
    float: left;
    margin-left: 10px;
    width: 31%
}

.ui-account-manager-detail-panel {
    background-color: #f0f8ff;
    border: 1px solid #dddddd;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 6px;
    padding-botton: 4px;
    margin-left: 8px;
    margin-bottom: 5px;
    font-size: 11px;
}

.ui-account-manager-clean-detail-panel {
    background-color: #ffffff;
    border: 1px solid #dddddd;
    padding-top: 8px;
    padding-left: 8px;
    padding-right: 6px;
    padding-botton: 4px;
    margin-left: 8px;
    margin-bottom: 5px;
    font-size: 11px;
}

.ui-account-manager-sumamry-button {
    font-size: 13px !important;
    width: 296px;
    font-weight: bold !important;
    margin-left: 8px;
}

.wrapword {
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

#overridePassword{
    font-family: Segoe UI Mono,monospace;
    font-size: 1.1em;
    background: rgb(244, 245, 247);
    border-radius: 3px;
    display: inline;
    line-height: 1.66667;
    overflow-x: auto;
    white-space: nowrap;
    padding: 2px 4px;

}