/* ------------------------------------------------
 Setting the default text display and other generic settings
------------------------------------------------ */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

.btn.disabled,
.btn:disabled {
	opacity: 1 !important;
	color: #000000 !important;
}

@font-face {
	font-family:"Open Sans";
	font-weight: normal;
	src: url("fonts/opensans-regular.woff2") format('woff2'),
	url("fonts/opensans-regular.woff") format('woff'),
	url("fonts/OpenSans-Regular.ttf") format('truetype');
}

@font-face {
	font-family:"Open Sans";
	font-weight: bold;
	src: url("fonts/opensans-bold.woff2") format('woff2'),
	url("fonts/opensans-bold.woff") format('woff'),
	url("fonts/OpenSans-Bold.ttf") format('truetype');
}

body
{
	background-color: #FFFFFF;
	box-sizing: content-box;
	font-family: 'Open Sans', Arial, sans-serif !important;
	font-size: 11px !important;
	color: #000000 !important;
	font-weight: normal;
}

main {
	display: block;
}

.tabLeft { margin-left: 10px; }

.topMargin10 { margin-top: 10px; }

.topMargin20 { margin-top: 20px; }

.rightMargin20 { margin-right: 20px; }

.bottomMargin10 { margin-bottom: 10px; }

.bottomMargin20 { margin-bottom: 20px; }

input, select, textarea, option
{
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.blockedStatusWarningMessage{
    color:#CC0000;
    font-weight:bold;
    margin: 20px 5px 10px 5px;
    font-size: 15px;
}

td, .norm
{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;

}
#draftContractTableTr > th , #contractTableTr > th {
	text-align: center;
	height: 30px;
	color: #ffffff !important;
	font-weight: bold;
	font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
}

table.custom-th th{
	background-color: #cccccc;
	color: black;
}

.bold { font-weight: bold; }

.disabled
{
	color:#909090;
	text-decoration:none;
}

.disabledDarker
{
	color:#676767;
	text-decoration:none;
}

.tdbgcolor
{
	background-color: #E8EFF7;
}

.currField { border-color:green; border-style:solid; }

.fieldActive
{
	background-color: #FFFFCC;
	border: 2px solid #090;
	color: #333333
}

.fieldInactive
{
	background-color: #FFFFFF;
	color: #333333
}

.textField
{
	background-color: #FFFFFF;
	color: #333333
}

.textFieldGrey
{
	background-color: #CCCCCC;
	color: #333333
}

.decisiontextFieldGrey
{
	background-color: #CCCCCC;
	color: #333333;
	width: 30%;
	height: 30%;
}
.norminverse
{
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: normal;
}

form
{
	margin: 0px 0px 0px 0px;
}

textarea
{
	font-family:'Open Sans', Arial, sans-serif;
	font-size:12px;
}
#userTable > tr:nth-child(odd) > td{
	background-color: #E8EFF7;
}

.userListingPageSortArrowDown {
	text-decoration: none;
	background-image: url(../images/deal_manager/sort_asc.png);
	background-repeat: no-repeat;
	background-position: right;
	background-position-y: -3px;
	height: 20px;
	padding-left: 20px;
	opacity: 1;
}
.userListingPageSortArrowUp {
	text-decoration: none;
	background-image: url(../images/deal_manager/sort_desc.png);
	background-repeat: no-repeat;
	background-position: right;
	background-position-y: -2px;
	height: 20px;
	padding-left: 20px;
	opacity: 1;
}
.userListingPageSortInactive {
	opacity: 0.5;
}
.contentOddColor
{
	background-color: #FFFFFF;
}

.toggle-btn, .toggle-btn .active {
	text-align:centre;
	color:#000;
	background-color:#FFF;
	display:inline-block;
	cursor:pointer;
}

.toggle-btn.success {
	background:lightgreen;
	border:solid 1px green !important;
}


.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}


/* ------------------------------------------------
 Link styles
------------------------------------------------ */

a.toptab {
	text-decoration: none;
}

a.toptab:hover, a.colhdrtransint:hover {
	text-decoration: underline;
}

a.colhdrtransint
{
	color: #FFFFFF;
	text-decoration: none;
}

/* ------------------------------------------------
 Defines generic font styles
------------------------------------------------ */

.pageheaderlg
{
	font-size: 19px;
	font-weight: bold;
}
.leadheader
{
	margin-top: 0px;
}

.pageheaderlg > h1.pageheader {
	font-size: 19px;
	font-weight: bold;
	display: inline;
}

.pageheadersm
{
	font-size: 18px;
	font-weight: bold;
}

.subheaderlg
{
	font-size: 19px;
	font-weight: bold;
}

.subheadermed
{
	font-size: 15px;
	font-weight: bold;
}

.subheadermedoptional{
	font-size: 11px !important;
}
.pageheader-inline {
	display: inline;
}

.centerInFrame
{
	position: absolute;
	top: 50%;
	-ms-transform: translateY(-50%); /* For IE9 */
	transform: translateY(-50%);
}
.copyright
{
	font-size: 9px;
}
.subheadersm
{
	font-size: 12px;
	font-weight: bold;
}

.subheader_lighter {
	color: #4E73B1;
}

td.subheader_lighter {
	background-color:#4E73B1;
}

.formlabel
{
	font-weight: bold;
}

.formLabelMed
{
	font-size: 12px;
	font-weight: bold;
}

.requiredformlabel {
	font-weight: bold;
	background: yellow;
	display: inline;
}

.formlabelerr
{
	color: #a94442;
	font-weight: bold;
}

.textlabelred
{
	color: #a94442;
	font-weight: bold;
	font-size: 12px;
}

.textlabeldefault
{
	font-weight: bold;
	font-size: 12px;
}

td.transtypeLabel label {
	display: inline;
    font-weight: bold;
}

.requiredformlabelerr
{
	color: #CC0000;
	font-weight: bold;
	background: #FFFF70;
}
.highlightrow
{
	background-color: #EEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
.removehighlight
{
	background-color: #FFFFFF;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px 0;
	border-bottom: 0px;
}
.colhdrtransint
{
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

.titlebarhdr
{
	font-size: 15px;
	font-weight: bold;
	color: #FFFFFF;
}

.titlebar {
	font-size: 15px;
	font-weight: bold;
}

.link-like
{
	color: #003399;
	text-decoration: underline;
}

.small
{
	font-size: 10px;
}

.medium
{
	font-size: 11px;
}

.large
{
	font-size: 12px;
}

.expired, .red
{
	color: #C30404;
}

/* ------------------------------------------------
 Background and other display elements
------------------------------------------------ */

td.keyline
{
	background-color: #999999;
}

td.keylinedark, th.keylinedark
{
	background-color: #000000;
}

table.defaultbg, td.defaultbg
{
	background-color: #FFFFFF;
}

td.submodcolhdr
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #ffffff;
}
th.submodcolhdr
{
	background-color: #CCCCCC;
	border-bottom: 1px solid #ffffff;
}

td.addhdrstyle, th.addhdrstyle
{
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 6px;
}

td.add-lalignrow
{
	padding-left: 8px;
}

th.leftalignrow
{
	text-align: left;
}

table.add_bgcolor
{
	background-color: #FFFFFF;
	width:100%;
}
/* -----------------------------------------------
 This is for the Error List
-------------------------------------------------*/

.errorHeader
{
	font-size: 15px;
	font-weight: bold;
	color: #e20505;
	font-family: 'Open Sans', Arial, sans-serif;
}

.errorList
{
	font-size: 12px;
	font-weight: normal;
	color: #e20505;
	font-family: 'Open Sans', Arial, sans-serif;
}

.errorText {
	color: #e20505;
}

.newErrorField
{
	background-color: #FFBBBB;
}

.modalzindex {
	z-index: 11000 !important;
}

.warningField
{
	background-color: #8DBFF5;
}

/* --------------------------------------------------
 These are used for the global broadcast messaging
----------------------------------------------------*/

.alertcritical
{
	font-size: 15px;
	font-weight: bold;
	color:#FF0000;
}

.alerturgent
{
	font-size: 15px;
	font-weight: bold;
	color:#FFAA00;
}

.alertmarketing
{
	font-size: 15px;
	font-weight: bold;
	color:#009900;
}

.alertwarning {
	color: #333333;
	background-color: #FCF8E3;
	border-color: #866700;
	border: 1px solid #a94442;
	border-radius: 4px;
	font-size: 14px;
}

.alertwarning > * {
	vertical-align: middle;
}

.alertwarning img {
	padding-left: 5px;
	padding-right: 5px;
}
/* ---------------------------------------------------
 These are used for the new R1 Menus
--------------------------------------------------*/

#mainMenu
{
	position:		relative;
	font-family: 	'Open Sans', Arial, sans-serif;
	font-size: 		12px;
	font-weight: 	bold;
	z-index: 		1;
	background-image: url(../images/elements/menu_shim.gif);
	background-repeat: both;
	padding-bottom: 2px;
	width: 100%;
	overflow:		auto;
}

#mainMenu div
{
	border-right: 		1px solid #999999;
	border-top: 		1px solid #999999;
	border-left: 		1px solid #999999;
	padding:			2px 7px 4px 7px;
	margin:				2px 0px 1px 5px;
	white-space: 		nowrap;
	height:				15px;
	float:				left;
}

#mainMenu a
{
	text-decoration:	none;
}

.subMenu
{
	border:				1px solid #666666;
	font-family: 		'Open Sans', Arial, sans-serif;
	font-size: 			12px;
	font-weight: 		bold;
	z-index:			2;
	background-color:	#FFFFFF;
	position:			absolute;
	display:			none;
}

.subMenu div
{
	padding: 			3px 7px 3px 7px;
	white-space: 		nowrap;
}

.subMenu a
{
	text-decoration:	none;
}

.newTab
{
	background-repeat: 		no-repeat;
	background-position: 	left;
}

.newTabFr
{
	background-repeat: 		no-repeat;
	background-position: 	left;
}

.newTab a, .newTabFr a
{
	padding-left: 			33px;
	display: inline-block;
}

/* These should be removed from the JSP and converted to actionLayer */

#menuDDLayer {
	background-color:#FFFFFF;
	padding: 0px;
	z-index: 9999;
	height: auto;
	width: auto;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #000000;
	border-left: 0px;
}

#menuDDLayer ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	width: 80px;
	border: 1px none #000000;
}

#menuDDLayer a
{
	display: block;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
	padding: 1px;
	border-bottom: none;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	font-size: 12px;
	font-weight: 100;
}

#menuDDLayer a:hover
{
	display: block;
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	padding: 1px;
	border: 1px solid #000000;
	border-bottom: 0;
	font-size: 12px;
	font-weight: 100;
}

#complianceReportLayer {
	background-color:#FFFFFF;
	padding: 0px;
	z-index: 9999;
	height: auto;
	width: auto;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;
}

#complianceReportLayer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100px;
	border: none;
}

#complianceReportLayer a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
	padding: 1px;
	border: none;
	font-size: 12px;
	font-weight: 100;
}

#complianceReportLayer a:hover {
	display: block;
	text-decoration: none;
	color: #666666;
	background: #FFFFFF;
	padding: 1px;
	border: none;
	font-size: 12px;
	font-weight: 100;
}
/* -----------------------------------------------------
 These are used for the Super / Setup Tab Dropdown Menus
--------------------------------------------------------*/
.submenuSetup {
	z-index:2;
	position:absolute;
	display:none;
}
.submenuSetupList {
	list-style-type:none;
	margin:0;
	padding:0;
}
.submenuSetupListItem {
	border:1px solid #999;
	border-top:none;
	line-height:22px;
	height:22px;
	text-align:center;
}
.submenuSetupLink {
	text-decoration:none;
}
a.submenuSetupLink:hover{
	text-decoration:underline;
}
table.inactivetab, li.inactivetab, td.inactivetab {
	background-color: #E8EFF7;
}

/* ---------------------------------------------------
These are used for the new MouseOver ToolTips
--------------------------------------------------*/

.toolTip{
	border:1px solid black;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	z-index:2000;
	position:absolute;
	background-color:#FFF;
	padding:5px;
	text-align:justify;
    box-sizing: content-box;
}
.toolTipWidth{
	width:200px;
}

/* ---------------------------------------------------
These are used for the new Deal Manager per Release 5.4
--------------------------------------------------*/

#actionLayer {
	background-color:#FFFFFF;
	padding: 5px 5px 5px 5px;
	z-index: 9999;
	height: auto;
	border: 1px solid #777777;
}

#actionLayer a {
	display: block;
	text-decoration: none;
	color: #000000;
	background: #ffffff;
	font-size: 12px;
	font-weight: 100;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
}

#actionLayer a:hover {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #1a75cf;
	font-size: 12px;
	font-weight: 100;
	padding-left:2px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
}

.quickSearchOption
{
	display: block;
	text-decoration: none;
	color: #000000;
	background: #FFFFFF;
	font-size: 12px;
	font-weight: 100;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
}

.quickSearchOptionSelected
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background: #1a75cf;
	font-size: 12px;
	font-weight: 100;
	padding-left:5px;
	padding-top:1px;
	padding-bottom:1px;
	padding-right:2px;
}

.topheader {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 12px;
	font-weight:bold;
	padding: 5px 10px;
}

.sortable a {
	text-decoration: none;
	background-image: url(../images/deal_manager/sort_arrow_down.gif);
	background-repeat: no-repeat;
	background-position: right;
	padding-right: 15px;
	width: auto;
	display: inline-block;
}

table.dmTable td {
	border: none;
	padding: 5px 10px;
}

table.dmTable td.actions {
	border-left: 0px;
}

.order1 a {	background-image: url(../images/deal_manager/sorted_arrow_up.gif); }

.order2 a {	background-image: url(../images/deal_manager/sorted_arrow_down.gif); }

div.finSrcNameDM {
	background-color: #ffffff;
	position: relative;
	float: left;
	white-space: nowrap;
	padding: 2px 5px;
	margin: 2px 2px;
	border: 1px solid #999;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	line-height: 22px;
	font-size: .9em;
}

.talign{
	display: inline-block;
	margin-top: 5px;
	position:relative;
}

.finSrcBlockDM {
	position: relative;
	padding-left: 30px;
	display:inline-block;
}

.finSrcNameDM img {
	margin-left: 5px;
}

.preQualificationIcon {
	background-color: transparent;
	border: none;
	padding: 0px 0px;
	margin:4px 4px;
	position: relative;
	float: left;
}

.actionBtnBlock {
	width: 170px;
	text-align: center;
}

.actionBtnBlock div {
	float: left;
	margin: 0px 1px;
}

.appNameBlockCM {
	position: relative;
	padding-left: 25px;
	display:inline-block;
}

.qdImg {
	position: absolute;
	padding: 2px 5px;
	margin: 2px;
	display: inline-block;
	z-index: 5;
}

.qdImgDisabled {
	position: absolute;
	padding: 2px 5px;
	margin: 2px;
	display: inline-block;
	z-index: 5;
}


/* ---------------------------------------------------
 These are used for the floating help menu in header
--------------------------------------------------*/
#helpMenuLayer {
	background-color: #fff;
	padding: 2px;
	margin: 0px;
	z-index: 3;
	width: 200px;
	border: 1px solid #000;
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	display: none;
}
#helpMenuLayer ul {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#helpMenuLayer li {
	width: 200px;
	padding: 0px;
	margin: 0px;
	list-style-type: none;
	line-height: 16px;
	height: 16px;
}
#helpMenuLayer a {
	text-decoration: none;
	color: #000;
	background: #fff;
	float:left;
}
#helpMenuLayer a:hover {
	color: #fff;
	background: #1a75cf;
}

#SubmitLayer
{
	background-color:#FFFFFF;
	padding: 2px 2px 2px 2px;
	z-index: 0;
	height: auto;
	width: 250px;
	border: 1px solid #000000;
	position: absolute;
	visibility: hidden;
}

#SubmitLayer a
{
	text-decoration: none;
	width: 250px;
	background: #ffffff;
	font-size: 12px;
	padding: 1px 2px 1px 2px;
	margin: 0px 0px 0px 0px;
}


#SubmitLayer a:hover
{
	color: #FFFFFF;
	background: #1a75cf;
}
.rightAVColumn
{
	width: 120px;
	text-align: left;
}

.printDD
{	border-top:1px solid #C0C0C0;
	border-left:1px solid #C0C0C0;
}

.printDD td
{
	background-color: #FFFFFF;
}

.titlebarhdrQD {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}

.errorMsg
{
	color: #FF0000;
	font-style: italic;
}

#generatePasswordError.errorMsg
{
    color: #CC0000;
}

.warningMsg {
	color: #1A75CF;
}

.qdImgComp
{
	position: absolute;
	padding-left:5px;
	padding-top:0px;
	padding-right:5px;
	display:inline-block;
	margin: 0px 50px 5px -7px;
	z-index: 5;
}

.vert-stretch table, .vert-stretch table tr td.defaultbg {
	height: 100%;
}

.green
{
	color: #339966;
}

.grey {
	color: #999999;
}

.red
{
	color: #CC0000;
}

.center
{
	text-align: center;
}

.middle
{
	vertical-align: middle;
}

td.legend {
	line-height: 2em;
}

td.legend span {
	margin: 1em;
}

td.legend span img {
	vertical-align: middle;
}

/*Print Vehicle Values options menu */
#printVVOptions {
	display: none;
	position: absolute;
	z-index: 3;
	border: 1px solid black;
	background-color: #FFFFFF;
	font-size: 12px;
	font-family: 'Open Sans', Arial, sans-serif;
	white-space:nowrap;
	width:0px;
	padding: 2px 2px 2px 2px;
}

.nowrapText, #printVVOptions td {
	white-space:nowrap;
}

.buttonRow, .indent {
	margin: 2px;
}

.buttonRow a, .buttonRow button {
	margin: 1px 0px;
}

.buttonContainer {
	float:left;
	width:100%;
	position:relative;
	padding: 0px 0px 5px 0px;
}

.buttonContainer div {
	float: left;
	padding: 3px 5px 4px 5px;
}

.leftButtonRow { margin-top: 2px; }

#stop-sign { vertical-align: bottom; }

.buttonContainer .nextsteps {
	float: right;
	border-radius: 0px 0px 5px 5px;
}

.dealWorksheetBtn, .signBtn, .creditApplicationBtn, .editAppBtn, .dwsBtn, .returnToCreditAppBtn, .saveBtn, .toggleCppBtn, .cancelBtn, .printQuoteSummaryBtn, .hideReserveBtn, .addTradeBtn, .decisionSummaryBtn, .decisionPageBtn {
	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	font-family: 'Open Sans',Arial,sans-serif !important;
	font-size: 11px;
	border: 1px solid #00893D  !important;
	background: #ffffff  !important;
	font-weight: bold;
	color: #00893D !important;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px !important;
	padding: .4em 1em .4em 1em;
	line-height: 1.4;
}
.dealWorksheetBtn:hover, .creditApplicationBtn:hover, .editAppBtn:hover, .dwsBtn:hover, .returnToCreditAppBtn:hover, .saveBtn:hover, .toggleCppBtn:hover, .cancelBtn:hover, .printQuoteSummaryBtn:hover, .hideReserveBtn:hover, .addTradeBtn:hover, .decisionSummaryBtn:hover, .decisionPageBtn:hover {
	background: #00893D !important;
	font-weight: bold;
	color: #ffffff !important;
}
button, .button, .btn, .saveBtn, .cancelBtn, .printQuoteSummaryBtn, .printBtn, .genBtn, .searchBtn, .refreshBtn, .actionBtn, .addFSBtn,.copyBtn, .editBtn, .lockBtn, .unlockBtn, .esignBtn, .signBtn, .dealWorksheetBtn, .esign2Btn, .caSubmitButton{
	display: inline-block;
	position: relative;
	margin-right: .1em !important;
	margin-bottom: 2px;
	text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;
	font-family: 'Open Sans',Arial,sans-serif !important;
	font-size: 11px !important;

	border: 1px solid #00893D !important;
	background: #ffffff !important;
	font-weight: bold !important;
	color: #00893D !important;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px !important;

	padding: .4em 1em .4em 1em;
	line-height: 1.4;
}
.buttonLarge {
	height: 35px;
	font-size: 1.4em !important;
}

input[type="button"]:disabled, a.btn[disabled] {
	display: inline-block;
	position: relative;
	margin-right: .1em;
	text-decoration: none !important;
	cursor: default;
	text-align: center;
	zoom: 1;
	overflow: visible;
	font-family: 'Open Sans',Arial,sans-serif;
	font-size: 11px;

	border: 1px solid #00893D;
	background: #f5f5f5 url(jquery/images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #00893D;
	opacity: 0.5;

	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;


	line-height: 1.4;
	width : auto;
}

.disabledBtn, .disabledBtn:hover {
	background: #f5f5f5 url(jquery/images/ui-bg_flat_100_f5f5f5_40x100.png) 50% 50% repeat-x;
	border: 1px solid #999999;
	border-radius: 4px;
	color: #CCCCCC;
	cursor: default;
	display: inline-block;
	font-weight: bold;
	font-family: 'Open Sans',Arial,sans-serif;
	font-size: 11px;
	line-height: 1.4;
	margin-right: .1em;
	opacity: 0.5;
	overflow: visible;
	padding: .4em 1em .4em 1em;
    padding-bottom: 2px;
	position: relative;
	text-decoration: none !important;
	text-align: center;
	zoom: 1;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
button:hover, .button:hover, .btn:hover, .saveBtn:hover, .cancelBtn:hover, .printQuoteSummaryBtn:hover, .printBtn:hover, .genBtn:hover, .searchBtn:hover, .refreshBtn:hover, .actionBtn:hover, .addFSBtn:hover,.decisionSummaryBtn:hover, .creditApplicationBtn:hover,.dealWorksheetBtn:hover, .copyBtn:hover, .editBtn:hover, .lockBtn:hover, .unlockBtn:hover, .expandCollapseAllBtn:hover, .cmReportBtn:hover, .cmExportBtn:hover, .cmSearchBtn:hover, .cmClearSearchBtn:hover, .dwsBtn:hover, .caSubmitButton:hover {
	border: 1px solid #00893D !important;
	background-color: #00893D !important;
	font-weight: bold;
	color: #ffffff !important;
}

button[disabled], a.btn[disabled], button[disabled]:hover, a.btn[disabled]:hover, a.ui-button-disabled, a.ui-state-disabled, a.disabledBtn {
	border: 1px solid #555555 !important;
	color: #555555 !important;
	background-color: #CCCCCC !important;
	font-weight: bold;
	opacity: 1 !important;
}

.signCheckbox {
	margin: 5px 0 0 5px;
}

table.app-additional-fields-button td {
	padding: 0 0 10px 10px;
}

/*****************************/
/* New Styles for containers */
/*****************************/
div.titlebarContainer {
	border-radius: 5px;
	float:left;
	height: 22px;
	width: 100%;
    padding-bottom: 2px;
}

div.contentContainer {
	width: 100%;
	height: auto;
	float:left;
}

@media screen and (min-width: 851px) and(max-width: 638px) {
	.tradeVehicleTitle {
		position:relative !important;
		left:10% !important;
		width:650px !important;
	}
}


div.titlebarContainer div {
	float:left;
	margin: 0px 5px 0px 5px;
}

div.titlebarContainer .sectionTitle {
	font-size: 15px;
	font-weight: bold;
}

div.titlebarContainer .titlebar, div.searchContainer input, div.searchContainer select, div.searchContainer a{
	margin-top:4px;
}

.topMargin5 { margin-top: 5px; }

div.titlebarContainer .linkString {
	margin-top: 4px;
	font-size: 10px;
	font-weight: normal;
}

div.titlebarContainer .sectionButton {
	float: right;
	margin-top: 2px 0;
}

div.titlebarContainer .labelText {
	float: right;
	margin-top: -2px;
}

div.container {
	width: 100%;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	height: auto;
	float:left;
	position: relative;
}

div.popupContainer {
	text-align:center;
	width:98%;
	margin-top:7px;
}

div.popupContainer div {
	margin: 0px auto;
}

#pageheaderContainer {
	float:left;
	width:100%;
	position:relative;
	height:30px;
	padding: 10px 20px 10px 5px;
}

#pageheaderContainer div {
	float:left;
	position: relative;
	margin-right: 5px;
}

/*****************************/
/* CSS for all Search boxes  */
/*****************************/
div.searchContainer {
	background-color: #efefef;
	border: none;
	float: left;
	position: relative;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	clear: both;
	width: 100%;
}

div.searchContainer ul {
	float: left;
	position: relative;
	padding: 10px 0px 4px 6px;
	margin: 0px;
	height: auto;
	line-height: 28px;
	list-style-type: none;
}

div.searchContainer li {
	float: left;
	position: relative;
	padding: 0px;
	margin: 2px 5px 0px 5px;
	height: 28px;
	line-height: 28px;
}

div.searchContainer button {
	margin-top: 1px;
}

div.nowShowingContainer {
	background-color: #efefef;
	font-weight: bold;
	position: relative;
	margin: 0px 5px 10px 0px;
	clear: both;
	width: 100%;

}

div.nowShowingContainer ul {
	border: none;
	border-radius: 4px;
	height: 30px;
	width: 100%;
	padding: 0 0 0 5px;
	margin: 0px 10px 5px 0px;
	list-style-type: none;
	clear: both;
}

div.nowShowingContainer li {
	float: left;
	padding: 0px 5px;
	margin: 0px;
	line-height: 26px;
}

div.nowShowingContainer li.nowShowingLabel {
	padding-left: 5px;
	white-space: nowrap;
}

div.nowShowingContainer li.searchCriteria {
	line-height: 13px;
	padding: 7px 0px 5px 7px;
	width: 80%;
	font-weight: normal;
}

div.nowShowingContainer input, div.nowShowingContainer select {
	margin-top: 3px;
}

@media only screen {
	.scrolldiv {
		height: 200px;
		width: 98%;
		overflow: auto;
		border: 1px solid #666;
		padding: 8px;
		margin: 5px 0px 5px 0px;
	}
}

@media only print {
	.scrolldiv {
		padding: 20px;
		margin: 20px;
	}
}

li.dateStyle {
	margin: 0px 0px 0px 5px;
	font-size: 10px;
}

/** Print CSS **/

@media print {
	#lastLogonMsg {
		display:none;
	}
}

/** LEGEND **/

.legend{
	width: 95%;
	height: auto;
	float: center;
	min-height: 30px;
	text-align: center;
	margin-bottom: -15px;
}

.legend li{
	list-style: none;
	text-align: center;
	float:center;
	display: inline;
}

.legendButton{
	width:100%;
	margin: 0px;
	list-style: none;
	text-align: left;
	float:left;
	padding:0px;
}

.legend #legendContent, .resume{
	display: none;
}

#cbMgrBureausLegend ul{
	list-style-type: none;
	width: 95%;
	margin-top: 1em;
	border: 0px;
}

#cbMgrBureausLegend li{
	width:95%;
	list-style: none;
	line-height: 2em;
	text-align: center;
	vertical-align: bottom;
}

.cbMgrBureauLegend {
	vertical-align: middle;
	margin: 1em;
}

.cbMgrBureauAbrvnLegend {
	font-weight:bold;
}

.legendItem{
	margin: 1em;
}

.idvResults {
	width: 850px;
}

.idvLegend {
	width: 800px;
	text-align: center;
}

#messagePopUp{
	width:100%;
	margin: 5px;
	padding: 0px;
	text-align: center;
}
#messagePopUp ul{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
#messagePopUp li{
	background-color:#FFFFFF;
	text-align: center;
	margin: 0px;
	padding: 5px;
	font-weight: bold;
}
#messageBox{
	margin: 10px;
	border: 1px solid black;
}
#MainPopupBox{
	border: 1px solid black;
}
#okButtonBox, div#cancel{
	margin-top: 10px;
}

/* Styles for global alert dialog widget */
.app-routeone-navigation-bar{
	background-image: url('/casstatic/staticweb/images/shared/squairy_light.png');
	margin-bottom: -5px !important;
}
#alertDialog p {
	clear: both;
}
span#alertIcon {
	float: left;
	margin-right: 4px;
}

img.statusDetailImg {
	margin-left:0px;
	vertical-align:top;
}

.routeone-footer a {
	text-decoration-line: none;
}

.routeone-footer {
	margin-top:5px;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}

.routeone-footer img{
	padding-right:10px;
	margin-bottom: 4px;
}

.routeone-footer ul {
	list-style-type: none;
	padding-left:0px;
	text-align:center;
}

.routeone-footer ul li{
	display:inline-block;
	vertical-align:middle;
	padding-left:5px;
	padding-right:5px;
}


/*All Managers tables will have bottom border */

.appNameDM, .coAppNameDM, #contractTable td a, #draftContractTable td a {
	font-size: 1.4em;
	color: #1367b9;
}

.appNameDM, .coAppNameDM { color: #555555; font-weight: bold; }


.transactionType { color: black;
	font-weight: bold;
	font-size: 11px;
}

#contractTable td a, #draftContractTable td a, #mergeDealsdisplayTable td a {
	font-weight: 700;
}

#contractTable td, #draftContractTable td, #mergeDealsdisplayTable td {
	padding: 10px;
}

div#mergeDealsPopup {
	background-color: #E8EFF7;
}
.displayTableFrame {
	overflow: auto;
	max-height: 260px;
	width: 100%;
}
#mergeDealsdisplayTable thead tr{
	height: 25px;
	background-color: #1A75CF;
	text-align:left;
}

.appNameDM a, .coAppNameDM a {
	text-decoration: none;
}

.appNameDM a:hover, .coAppNameDM a:hover {
	text-decoration: underline;
}

.textAlignLeft {
	text-align: left;
}

.textAlignTop {
	vertical-align: top;
}

@media print {

	body { font-size: 11px; }
}

.termsDealerData {
	width:80px;
	border:none;
	background-color:#E8EFF7;
}

.ccName {
	font-weight: bold;
	color: #C30404;
}

a#addCoappExpandCollapse[disabled], a#addCoappExpandCollapse_collapse[disabled] {
	pointer-events: none;
	cursor: default;
}

.errorDialogText {
	color: red !important;
	font-size: 15px !important;
}

.ssofailurebody {
	margin: 50px 0 0;
}

.ssofailurepageheadersm {
	font-weight: bold;
	font-size: 15px;
}

.comingSoon
{
	font-size:10pt;
	font-weight:bold;
	color:#C30404;
}
.textMiddleAlign {
	vertical-align:45%;
}
.rightAlign{
	float:right;
}
.serverErrorHeader
{
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	font-family: 'Open Sans', Arial, sans-serif;
}

/* Page spinner */
div.overlay-page-spinner {
	position: fixed;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(0, 0, 0, 0.1);
	z-index: 9998;
}

.clickable {
	cursor: pointer;
}
.hideHiddenValues
{
	display: none;
}

.app-wsc-dynamic-container {
	clear: both;
}

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

.r1-dark-blue, .ccpa-link {
	color: #13579B !important;
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}

.cm-selectpicker:hover, .cm-selectpicker:focus {
	border-color: #00600D !important;
	color: #00600D !important;
	outline: solid 2px black !important;
	padding: 5px !important;
}

.alertwarning-fees-note {
	font-size: 12px;
	padding: 8px;
	font-weight: bold;
	margin: 15px 0 10px 2px;
	color: #CC0000;
	border: 1px solid #CC0000;
	background-color: #FFFFFF;
}

.flex-container {
	display: flex;
	justify-content: space-between;
	align-items: baseline;
}

.text_Spacing ul li {
	display: inline-block;
	word-spacing: 2px;
	padding: 2px;
}

#altMatrixUpdateHyperlink {
	text-decoration: underline;
	color: blue;
}

#altMatrixUpdateHyperlink:hover {
	background: transparent;
	border: none;
	cursor: pointer;
}

.navbar_textspacing ul li a{
	display: inline-block;
	padding: 8px 15px;
}

#main-navbar li.dropdown:focus-within > ul.dropdown-menu {
	display: block;
}

.hide-dropdown {
	display: none !important;
}

.visually_hidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

span#cancelButton>a:focus,span#saveAndExitButton>a:focus,span#savePrintButton>a:focus,span#nextsteps>a:focus{
	outline: solid 2px black !important;
}

ul.legendButton>li>a:focus, ul.legendButton>li>a:hover {
	outline : solid 2px black !important;
}

.payment-type {
	padding: 5px;
	margin: 5px 0px 5px 0px;
}

.payment-type>a {
	color: #333333 !important;
	font-weight: bold;
	text-decoration: underline;
	padding-left: 5px;
}

.np-theme {
	background-color: #f2dede !important;
}

@media only screen and (min-width: 300px) and (orientation: portrait) {
	form#creditCardDirectApplyForm{
		width:100% !important;
		max-width:100% ;
		overflow: hidden !important;
	}
}

div#successMessage{
	background-color: #00893D !important;
}

div.productRow>div>select.providerName:focus,
div.productRow>div>select.providerName:hover,
div.productRow>div>select.productCategory:focus,
div.productRow>div>select.productCategory:hover,
div.productRow>div>input.providerId:focus,
div.productRow>div>input.providerId:hover
{
	border-color: #1a75cf !important;
}

.providerId::-webkit-input-placeholder {
	color: #555555 !important;
	opacity: 1 !important;
}

.providerId::-moz-placeholder {
	color: #555555  !important;
	opacity: 1 !important;
}

.providerId::-ms-placeholder {
	color: #555555  !important;
	opacity: 1 !important;
}

.providerId::placeholder {
	color: #555555  !important;
	opacity: 1 !important;
}

.defaultModal {
	font-family: 'Open Sans', Arial, Sans-Serif !important;
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500 !important;
	line-height: 1.1;
	color: inherit !important;
}

div#appTermsContainer,div#appTermsListContainer {
	overflow-x: auto !important;
}
@media only screen and (max-width: 400px){
	#toyotaCreditCardSec {
		width: 90% !important;
	}
	#toyotaWelcome_Page{
		width:280px !important;
	}
}
@media only screen and (max-width: 400px){
	#newIndFlow {
		width: 280px !important;
		overflow-x: auto !important;
	}
}
@media only screen and (max-width: 400px){
	.crdtCrdscroll {
		width: 280px !important;
	}
	img.crdtCrdscrollImage {
		width: 100%;
		height: 100%;
	}
	.crdtCrdscrollMargin {
		width: 280px !important;
		padding-left: 10px !important;
	}
	div#waitingOnReport {
		width: 280px !important;
		left: 0px !important;
	}
	.crdtCrdscrollAlign {
		width: 280px !important;
	}
}
@media only screen and (min-width: 410px) and (max-width: 700px) {
	.crdtCrdscroll {
		width: 560px !important;
	}

	img.crdtCrdscrollImage {
		width: 100%;
		height: 100%;
	}

	.crdtCrdscrollMargin {
		width: 560px !important;
		padding-left: 10px !important;
	}

	div#waitingOnReport {
		width: 560px !important;
		left: 0px !important;
	}

	.crdtCrdscrollAlign {
		width: 560px !important;
	}

	#toyotaCreditCardSec {
		width: 90% !important;
	}

	#toyotaWelcome_Page {
		width: 560px !important;
	}
}
.Silentlead{
	font-size: 14px;
	font-weight: bold;
}

@media only screen and (max-width: 320px) {
	.manageNavBar, #manageFusionAppMain > .contentReflow, #manageFusionAppMain > div:nth-child(2) {
		margin: 0px !important;
		overflow-x: hidden !important;
		width: 300px !important;
	}
	#manageFusionAppMain > div:nth-child(2) > div >span#settings-info-box {
		padding-left: 0px !important;
		width: 280px !important;
	}
	.manageFusionCreditXrd {
		width: 280px !important;
		margin-left: 0px !important;
	}
	#creditTiersSection {
		overflow-x: auto !important;
		padding-left: 80px;
	}
	#retailTermOptions{
		width: 195px !important;
		margin: 0px !important;
	}
	#leaseTermOptions{
		border-spacing: 20px 0px !important;
	}
	#leaseTermOptionsContainer{
		margin-left: -25px !important;
		width: 235px !important;
	}
	.fusionMainTab{
		width: 80% !important;
	}
}

@media only screen and (min-width: 640px) and (max-width: 640px) {
	.manageNavBar, #manageFusionAppMain > .contentReflow, #manageFusionAppMain > div:nth-child(2) {
		margin: 0px !important;
		overflow-x: hidden !important;
		width: 623px !important;
	}
	#manageFusionAppMain > div:nth-child(2) > div >span#settings-info-box {
		padding-left: 0px !important;
		width: 580px !important;
	}
	.manageFusionCreditXrd {
		width: 580px !important;
		margin-left: 0px !important;
	}
	.creditTiersTable{
		width: 100% !important;
	}
	#retailTermOptions{
		width: 350px !important;
	}
	#leaseTermOptions {
		border-spacing: 20px 0px !important;
	}
	#leaseTermOptionsContainer{
		margin-left: -30px !important;
		width: 540px !important;
	}
	.fusionMainTab{
		width: 90% !important;
	}
}
@media only screen and (min-width: 800px) and (max-width: 1000px) {
	#main-navbar:not(:has(a[data-tab-name="tab.newKiaApp"])) > li > a[data-tab-name="tab.reports"] + ul{
		left: auto !important;
		right: 0 !important;
	}
}
@media only screen and (min-width: 1500px) and (max-width: 1750px) {
	#main-navbar:not(:has(a[data-tab-name="tab.newKiaApp"])) > li > a[data-tab-name="tab.reports"] + ul{
        left: auto !important;
        right: auto !important;
	}
}
@media only screen and (min-width: 1350px) and (max-width: 1450px) {
	#main-navbar:not(:has(a[data-tab-name="tab.newKiaApp"])) > li > a[data-tab-name="tab.dealerAdministration"] + ul{
		right: auto !important;
	}
}
@media only screen and (min-width: 1700px) and (max-width: 1950px) {
	#main-navbar:has(a[data-f2f="onClick_NewKiaApp"]) > li > a[data-tab-name="tab.reports"] + ul{
		left: auto !important;
		right: 0 !important;
	}
}
@media only screen and (min-width: 1500px) and (max-width: 1600px) {
	#main-navbar:has(a[data-f2f="onClick_NewKiaApp"]) > li > a[data-tab-name="tab.dealerAdministration"] + ul{
		right: auto !important;
	}
}
.cc-step-circle-complete {
	display: inline-flex;
	flex: none;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
	max-height: 15px;
	border-radius: 50%;
	background: #2596be;
	color: #fff;
	border: 2px solid #2596be;
	padding: 16px;
	font-weight: bold;
	font-size: 1.5em;
}
.cc-step-circle-incomplete {
	display: inline-flex;
	flex: none;
	justify-content: center;
	align-items: center;
	width: 15px;
	height: 15px;
    max-height: 15px;
	border-radius: 50%;
	background: #fff;
	color: #2596be;
	border: 2px solid #2596be;
	padding: 16px;
	font-weight: bold;
	font-size: 1.5em;
}
.gray-section {
    display: flex;
    align-items: center;
    background: #e6e7e9;
    padding: 24px 16px;
    border-radius: 8px;
    margin: 24px 0;
}

.gray-section .section-image {
    flex: 0 0 240px;
    margin-right: 24px;
    max-width: 240px;
}

.gray-section .section-image img {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 4px;
}

.gray-section .section-content {
    display: flex;
    font-size: 1.5em;
    flex-direction: column;
    gap: 16px;
}
.header-red {
    background-color: #e91e24;
    color: #fff;
    padding: 16px 24px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1px;
}
.header-brown {
    background-color: #7a6859;
    color: #fff;
    padding: 16px 24px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1px;
}
.header-dark-gray {
    background-color: #59585d;
    color: #fff;
    padding: 16px 24px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1px;
}
.header-white {
    background-color: #fff;
    padding: 16px 24px;
    font-size: 3em;
    font-weight: bolder;
    letter-spacing: 1px;
}
.gray-section .section-block {
    border-radius: 4px;
    padding: 16px;
    font-size: 1em;
    color: #222;
}
.sections-row {
    display: flex;
    flex-wrap: nowrap;
}

.section-item {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 8px 10px;
    flex: 1 1 auto;
    box-sizing: border-box;
}

.section-item .section-img {
    flex: none;
    margin-right: 10px;
}

.section-item .section-img img {
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 4px;
}

.section-item .section-text {
    flex: 1 1 auto;
    text-align: left;
    color: #222;
    font-size: 1.5em;
}
.footnote {
    text-align: left;
    color: #222;
    font-size: 1em;
}
.gray-section,
.gray-section .section-content,
.gray-section .section-block,
.header-red,
.header-brown,
.header-dark-gray,
.header-light-gray,
.header-red-gradient,
.header-dark-gray-vertical-img,
.header-white,
.section-item .section-text{
    text-align: left;
}

.titlebar, *::before, *::after {
    box-sizing: content-box
}
/* Fix for Advanced Search page input widths with Bootstrap 5 */
#advsearch input[type="text"],
#advsearch input[type="number"],
#advsearch select,
#advsearch textarea {
    box-sizing: content-box;
}

/* ------------------------------------------------
 Credit Card specific layout styles
------------------------------------------------ */

.cc-details {
    display: flex;
    align-items: center;
    background: #e6e7e9;
    padding: 0px 16px 0px;
    margin: 0px 0px 50px;
    height: 300px;
}

.cc-details .section-image {
    flex: 0 0 240px;
    margin-right: 24px;
    max-width: 240px;
}

.cc-details .section-image img {
    display: block;
    width: auto;
}

.cc-details .section-content {
    display: flex;
    font-size: 2.09em;
    flex-direction: column;
    padding-left:  25px;
    text-align: left;
}

.header-red-gradient {
    background: linear-gradient(to right, #c71f2d, #8c0d18);
    color: #fff;
    padding: 10px 0px 10px 330px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1.5px;
}

.cc-details .section-block {
    border-radius: 4px;
    padding: 10px 30px;
    font-size: 1em;
    color: #222;
}

.section-border {
    border-right: solid;
    border-right-color: #959595;
    border-right-width: thin;
}

.section-row-item {
    display: flex;
    align-items: center;
    padding: 8px 10px;
    flex: 1 1;
    box-sizing: border-box;
}

.section-row-item .section-img {
    flex: none;
    margin-right: 10px;
}

.section-row-item .section-img img {
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 4px;
}

.section-row-item .section-text {
    flex: 1 1 auto;
    text-align: left;
    color: #222;
    font-size: 1.5em;
}

.cc-details .section-image img.vertical-credit-card-image {
    width: auto;
    height: 440px;
    float: left;
    position: relative;
    left: 20px;
    z-index: 10;
    top: -35px;
}

.cc-details .section-image img.horizontal-credit-card-image {
    width: 450px;
    padding-left: 20px;
    border-radius: 30px 20px 20px 28px;
}

.section-block-bolded {
    font-size: 1.11em
}

.header-light-gray {
    background-color: #959595;
    color: #fff;
    padding: 10px 24px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1.5px;
}

.header-dark-gray-vertical-img {
    background-color: #59585d;
    color: #fff;
    padding: 10px 0px 10px 330px;
    font-size: 3em;
    font-weight: normal;
    letter-spacing: 1.5px;
    margin-top: 20px;
}
.normal-font-weight-with-padding {
    font-weight: normal;
    padding: 5px;
}