/** usage: miscellaneous CSS that is not global**/

/* TOP NAV */
div.fis-banner {
	background-color: #012834;
	padding-bottom: 15px;
	padding-top: 15px;
	position: relative;
}

span.banner-logo {
	padding-top: 15px;
	padding-left: 15px;
	text-align: left;
	font: bold 16px Titillium Web;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 1;
	white-space: nowrap;
}

span.banner-logo.middle {
	vertical-align: middle;
}

span.banner-logo-divider {
	border: 1px solid #DFDFDF;
	opacity: 1;
	margin-right: 10px;
	margin-left: 10px;
	background: #DFDFDF;
}

span.fis-banner-page-title {
	position: absolute;
	width: 100%;
	text-align: center;
}

/* MDQ */
.pad-mdq {
	padding-right: 20px;
	padding-top: 10px;
	display: inline-block;
}

.queue-header-label {
	font: bold 16px Source Sans Pro;
}

.mdq-mini-nav {
	padding: 15px 32px;
}

.mdq-title {
	font-size: 24px;
	font-weight: bold;
	vertical-align: inherit;
}

/* left aligning all content and padding it from the left hand side */
table#tblMainQueueHeader tr td, table#tblAdvancedSearchHeader tr td, table#mdq-all-apps tr td {
	padding-left: 5px;
}

table#mdq-all-apps tr td.left-border, .left-border {
	border-left: 5px solid transparent;
}

table#mdq-all-apps tr td.left-border-red, .left-border-red, .left-border-bad {
	border-left: 5px solid #DE1B36;
}

table#mdq-all-apps tr td.left-border-orange, .left-border-orange, .left-border-caution {
	border-left: 5px solid #FD8D62;
}

table#mdq-all-apps tr td.left-border-green, .left-border-green, .left-border-good {
	border-left: 5px solid #009775;
}

/* mdq image */
table#mdq-all-apps img {
     	max-height: 18px;
     	width:  auto;
}

/* mdq row height */
table#mdq-all-apps tr {
     	height: 22px; 
}

/* jquery dialog css start */
.dialog-titlebar-close {
	margin-right: 25px;
}

span.close-orig-dialog-icon {
	color: #012834;
	float: right;
	padding-right: 15px;
	margin-top: -1px;
}

div.ui-dialog-titlebar {
	background-color: #ffffff;
	text-align: left;
	font: normal normal bold 16px/49px Source Sans Pro;
	letter-spacing: 0px;
	color: #012834;
	opacity: 1;
	
}

/* do not remove, this hides the "X" for ALL dialogs */
.ui-dialog-titlebar-close {
    visibility: hidden;
} 


/* use to pad content from the top in the dialog */
.top-pad-content {
	padding-top: 20px;
}

/* jquery dialog css end */

/* queue table sort icon */
span.sort-icon {
	font-size: 18px;
	color: #FFFFFF;
	padding-bottom: 4px;
}

/* sort icon used only in View Document - Doc list screen */
span.sort-icon-view-doc-screen {
	font-size: 14px;
	color: #FFFFFF;
	padding-bottom: 4px;
}

/* top nav start */
table.top-nav {
	padding-top: 10px;
	padding-left: 50px;
	padding-right: 25px;
	vertical-align: middle;
}

span.adjust-brand-url {
    display: inline-block;
    word-wrap:break-word;
    white-space: normal;
    vertical-align: middle;
}

td.nav-icons-col {
	width: 85%;
}

table.top-nav-report tr td {
	padding-right: 50px;
}

table.top-nav-report {
	position: relative;
	float: right;
}

/* top nav end */

/* progress spinner */
div.pad-progress-spinner, div.pad-progress-spinner-message {
	padding: 15px;
}

div.progress-dialog {
	text-align: center;
	vertical-align: middle;
}
/* progress spinner */

/* ellipses */
div#ellipses {
	margin: auto;
	width: 100px;
	padding: 10px;
	margin-top: 20px;
}

div#progress-spinner-ellipses {
	margin: auto;
	width: 100px;
}

/* session time out start */
table.session-timeout-warning {
	padding: 0px 10px 0px 10px;
}

table.session-timeout-warning td {
	padding-top: 15px;
}
/* session time out end */

/* hot keys start */
div.hotkey-row {
	position: relative;
}

span.hotkey-desc {
	position: absolute;
	min-width: 300px;
	left: 60px;
}
/* hot keys end */

/* THIS IS A TEMPORARY WORK AROUND. NEVER USE IMPORTANT (THIS WILL BE REMOVED WHEN MILONICS MENU's ARE REMOVED
 we do not want to modify the milonics menu library which creates the z-index as part of in-line css, so this is the only way to override it 
 we will be replacing the milonics menu's later on but this will help us
 after the chromium effort, only the portal will use this 
*/
.mmenucontainer {
	z-index: 99 !important;
}

.frame-width-adj {
	width: 99%;
}

iframe.flatten-frame {
	border-width: 0px;
	margin-left: -10px;
}

iframe.no-border {
	border: none;
}

.hmda-textbox-label {
	font-style: italic;
	margin-top: -18px;
	margin-left: 2px;
}

.hmda-select-label {
	display: block;
	margin-top: -18px;
	margin-left: 50px;
}

/** tool tips **/
.tooltip .tooltip-text {
	visibility: hidden;
	background-color: #4E4E4E;
	color: #F4F4F4;
	text-align: left;
	border-radius: 6px;
	padding: 5px;
	z-index: 9999;
	top: 15px;
	padding: 5px;
	width: max-content;
}

div.tooltip-text-right {
	position: absolute;
	right: 1%;
}

div.tooltip-text-right-core {
	position: absolute;
	right: 0.2%;
	top: 25px !important;	
}

div.tooltip-text-left {
	position: absolute;
	left: 1%;
}


.tooltip:hover .tooltip-text {
	visibility: visible;
}

/** rules/missing info fields standard sizing **/
table#internal-app-rules-dsp tr td input, table#internal-app-rules-dsp tr td select {
	width: 300px; 
}

.wrapText {
	white-space: normal;
}
/** display element as block.Takes up the full width available, with a new line before and after **/
.display-block {
	display: block;
}
.bureau-tab-detail {
	left: 5px;
	display: none;
	float: left;
	width: 80%;
}

.fin-fee-table-div-adj {
	overflow-y: scroll;
	height: 160px;
}

.tolerance-rule-table-div-adj, .bureau-inquiries-table-div-adj {
	overflow-y: scroll;
	height: 255px;
}

/* rules banner */
#rules-banner {
	background: #01181F;
	right: 1%;
	position: absolute;
	top: 25%;
	font-size: 14px;
	font-weight: bold;
}

/* add space between each item in the rules-banner */
span#rules-banner span, span#dec-reasons-triggered-rules span {
	padding-left: 5px;
}

/* quick links banner */
#quick-links-banner {
	background: #01181F;
	right: 85%;
	position: absolute;
	padding-top: 4px;
	top: 0;
	font-size: 14px;
	font-weight: bold;
}

/* quick links div */
#quicklinkdiv {
	background-color: #EBEBEB;
	display: none;
}

.info-text {
	color: #FFFFFF;
}
.info-error {
	color: #FF6378; /* 300 torch red **/
}
.info-warn {
	color: #FFE3A2; /* 200 sunglow **/
}
/**** For App Entry Declaration screen ****/
table.declaration-left-tbl {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 0px;
	table-layout: fixed;
	float: left;	
}

table.declaration-right-tbl {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 0px;
	float: left;
}

.declaration-padding td {
        padding: 0px;
}
 
.declaration-row {
	display: flex;  
	margin-left: 2px;
	margin-right: 2px;
}

.declaration-column {
	flex: 50%;
	padding: 0px;
}

/* declaration table data height */
.declaration-row-height {
        height: 46px;	 
}
/****Ends For App Entry Declaration screen ****/

table.audit-history-spacing {
	border-spacing: 1px;
}

.psm-decision-rule-table-div-adj {
	overflow-y: scroll;
	height: 290px;
}

.collateral-dataentry-table-div-adj {
	overflow-y: scroll;
	height: 40px;
}

.contract-info-header-table-div-adj {
	overflow-y: scroll;
	height: 135px;
}

.collate-dataenrty-dropdown-left-indent {
	padding-left: 30px;
}

.collate-dataentry-text-label-left-indent {
	padding-left: 33px;
}

.collateral-underwriting-table-div-adj {
	overflow-y: scroll;
	height: 50px;
}

.collate-underwriting-dropdown-left-indent, .report-name-field-left-indent, .nlsu-field-left-indent {
	padding-left: 10px;
}

.collate-underwriting-text-label-left-indent {
	padding-left: 13px;
}

select.decision-field, .decision-field {
	width: 230px;
}

select.what-if-decision-field, .what-if-decision-field {
	width: 190px;
}

ul.decision-concur {
	list-style: none;
	margin: 0;
	padding: 0;
}

div.decision-concur-div {
	border : 1px solid #ccc;
	width : 100%;
	height : 80px;
	overflow : hidden;
}

#parent-section {
	position: relative;
	float: left;
}

#child-section {
	float: left;
}

.withdrawapp-text-left-indent {
	padding-left: 7px;
}

.vg-ofg-field {
	width: 70%;
}

.oriental-paymentcalculator-header-label {
	margin-top: -15px;
}

.oriental-paymentcalculator-label-margin {
	margin-left: 1px;
}

.header-upsellDownsell-background {
	background-color: #ffffff;
}

.upsellDownsell-parent-div {
	position: absolute;
	float: left;
}

#resultMessage {
        max-width: 700px;
}

.calendar-icon-height {
	font-size : 20px;
}

.eleven-pixel-font {
	font-size: 11px;
}

.ccspd-width {
	width: 137px;
}
.trade-in-info-width {
	width: 160px;
}

.lease-pay-info-auto-pay-width {
	width: 149px;
}

.finance-misc-width {
	width: 149px;
}

.can-misc-width {
	width: 60px;
}

select.data-entry-finance-info-decision-field, input.data-entry-finance-info-decision-field {
	width: 173px;
}

.prefix-padding-right {
	padding-right: 38px;
}

.middle-initial-padding-right {
	padding-right: 7px;
}

.decision-inputTextArea-margin {
	margin-left: 2px;
}

.age-padding-right {
	padding-right: 4px;
}
.country-padding-right {
	padding-right: 15px;
}

/*** home equity finance screen first column width***/
.he-firstcolumn-width {
	width: 149px;
}

/*** home equity finance screen second column width***/
.he-secondcolumn-width {
	width: 160px;
}

/*** home equity finance screen third column width***/
.he-thirdcolumn-width {
	width: 110px;
}

/*** home equity finance screen fourth column width***/
.he-fourthcolumn-width {
	width: 141px;
}
.standard-padded-header-right {
	padding-right: 3px;
}
.loading-message {
	color: #009775; 
	font-size: 12px; 
	font-weight: bold;
}
.font-weight-normal {
	font-weight: normal;
}
.description-width {
	width: 180px;
}

.payee-width {
	width: 170px;
}

.ram-fees-width {
	width: 120px;
}

.decision-fin-fees-width {
	width: 135px;
}

.ppfc-width {
	width: 110px;
}

.amount-width {
	width: 95px;
}

.paid-by-width {
	width: 125px;
}

.contract-fin-fees-width {
	width: 105px;
}

.inc-width {
	width: 95px;
}

.top-pad-message-content {
	padding-top: 70px;
}

tr.collateral-header-input-select-widths td input, tr.collateral-header-input-select-widths td select, tr.collateral-header-input-select-widths td div select, .collateral-header-input-select-width {
	display: table-cell; 
	width: 90%;
}

.one-pixel-left-pad {
	padding-left: 1px;
}

td.he-collateral-width-left input, td.he-collateral-width-left select {
	width: 180px;
}

td.he-collateral-address-width-left input, td.he-collateral-address-width-left select {
	width: 83px;
}

.collateral-zip-width, td.collateral-zip-width input {
	width: 80px;
}

.collateral-misc-width, td.collateral-misc-width input, td.collateral-misc-width select {
	width: 340px;
}

.collateral-misc-width-text-area {
	width: 350px;
}

.manufacturer-width {
	width: 300px;
}

.power-sail-personal-width {
	width: 86px;
}

.important-padding-left{
	padding-left:15px !important;
}

.model-field-style {
	width: 390px;
	height:175px;
	background-color:white;
	overflow:auto;
	border:1px solid gray;
	padding:2px;
}

.zero-margin {
	margin: 0px !important;
}

.zero-border {
	border: 0px !important;
}

.zero-padding-left {
	padding-left: 0px !important;
}

.zero-radius {
	border-top-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
}

table.pdq-border-spacing, table.datatable-border-spacing {
	border-spacing: 1px !important;
}

.datatable-left-indent,  table.datatable-left-indent-rows tr td, table.datatable-left-indent-rows tr th, tr.datatable-left-indent-rows td {
	padding-left: 5px !important;
}

.datatable-indent,  table.datatable-indent-rows tr td {
	padding: 2px 5px !important;
}

.pdq-text-alt-row, .text-alt-row { 
	background-color: #EBEBEB !important;
}

.horizontal-rule { 
	height: 5px;
	visibility: hidden;
	margin-bottom: -1px;
	margin: 0; 
	border: 0;
}

.normal-border-bottom {
	border-bottom: 1px solid #DFDFDF;
}

.small-border-top {
	border-top: 1px solid #DFDFDF;
}

.small-border {
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	border-bottom: 1px solid #DFDFDF;
}

.header-line-height {
	line-height: 28px !important;
}

.select-box-height {
	height: 62px;
}

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

.upload-document-type-left-indent {
	padding-left: 350px;
}

.small-bottom-pad {
	padding-bottom: 10px !Important;
}

.standard-bottom-pad {
	padding-bottom: 5px;
}

.ui-tooltip-scroll {
	overflow: auto;
}

.ui-tooltip-custom-width {
	max-width: 1260px;
	top: 15%!Important;
}

.ui-tooltip-content {
	width: fit-content;
}

#runtimeIframe {
	position: absolute;
}

/* Portal eSign tab */
.fields-container, .documents-container {
	display:inline-block;
}

.documents-container {
	vertical-align: top;
	padding:  2px 5px;
}

.documents-container p {
	line-height: 15px;
	margin-bottom: 5px;
	font-size: 12px;
}

.esign-method-width {
	width: 75px;
}

#eSignDocs {
	table-layout: fixed;
    	width: 98%;
}

#eSignDocs-div-scroll {
	overflow: auto;
	white-space: nowrap;
	margin-bottom: 2px;
}

.additional_collateral { 
	width: 100%; 
}

.appentry-border-bottom {
	border-bottom: 2px solid #A7A7A7;
}

.txt-decoration-none {
	text-decoration: none;
}

.zero-bottom-top-pad {
	padding-bottom: 0px;
	padding-top: 0px;
}

.nlsu-checkbox-padding-left {
	padding-left: 2px;
}

.nlsu-dropdown-padding-left {
	padding-left: 7px;
}

.nlsu-field-padding-left {
	padding-left: 3px;
}

.nlsu-field-padding-top {
	padding-top: 10px;
}

.nlsu-dropdown-padding-top {
	padding-top: 5px;
}

.bus-curr-addr-ctry-left-indent {
	padding-left: 78px;
}

.bus-mail-addr-ctry-left-indent {
	padding-left: 76px;
}

.bus-mail-addr-appentry-left-indent {
	padding-left: 35px;
}

table#tablesorter tfoot th {
	padding: 5px !important;
    border-bottom: 3px solid #111111;
     background-color: #012834;
    font: bold 16px Titillium Web;
    color: white;
}

table#tablesorter tfoot {
	position:sticky;bottom: 0;z-index:1;
}

.tradeSmallColumn{
font: bold 14px Titillium Web;
}

.trade-input-width {
	width: 74%;
}

.trade-modify-icon-width {
	width: 2%;
}