/* IMPORTANT NOTE - MINIMIZE THIS FILE BEFORE PUTTING IN PRODUCTION  http://tools.w3clubs.com/cssmin/ */

/*-------------------------------------------------------------------------------*/
/*                                C O N T E N T S                                */
/*-------------------------------------------------------------------------------*/

/*
*General*                   (This section includes style commonly used in all of the dashboards and controls)
- LAYOUT                    (General Layout/Placement of Dashboard Headers, Footers, Profiles, Tabs, Logos)
- CONTEXT NAV               (Logout and Profile Menu)
- TABS
- MODAL PANEL & OVERLAY     (CSS used to show and hide Modals and overlay)
- SLIDER PANEL              (used for help section slider)
- ACTION BOX                (Styles the quadrants)
- METRIC BOX                (Styles Pending, Confirmed, ect metrics)

*Auditor Dash*              (Includes style specific to quadrants on Auditor Dash)
- Client List
- Statuses (Auditor)
- Reports
- Quick Links
- Charts
- Updates

*Client Info Dash*          (Includes style specific to quadrants on Client Info Dash)
- Client Profiles
- Accounts
- Authorizatin Codes
- Initiate 
- Statuses (Client)
- Notes

*Reports Dash*              (Includes style specific to quadrants on Reports Dash)

*Administration Dash*       (Includes style specific to quadrants on Administration Dash)
*/


/*-------------------------------------------------------------------------------*/
/*                                G E N E R A L                                  */
/*-------------------------------------------------------------------------------*/

/* LAYOUT */

:root {
	--brand-color: #D64000;
}

h2 { font-size: 19px; margin: 5px 0 5px 0; font-weight: 400; }          /* Dashboard Title */
h2 > a { vertical-align: middle; font-size: 12px; }                     /* Dashboard Title Link */

body 
{
	margin: 0px auto;	
	font-family: Arial; 
	position: relative;
	background: url(https://fr.confirmation.com/images/Master/header_bg.png) repeat-x 0 -11px;
}

li
{margin: 0 0 5px 0;}

#wrapper 
{
	position: relative;
	width: 1006px;
	margin: auto !important;
}
#header
{
	position: relative;
	height: 80px;
	z-index: 2;
}
#header h1 { position: absolute; left: -9999px; display: inline-block; }
#companyLogo
{
	float: left;
	width: 360px;
	height: 100%;
}
#companyLogo > img { max-width: 400px; }
#contextNav  
{
	float: right;
	padding-top: 10px;
	font-family: AvenirHeavy;
	font-size: 11px;
	letter-spacing: 2px;
	padding-right: 16px;
}

#userFullName
{
    clear: right;
    float: right;
    font-family: AvenirHeavy;
    font-size: 11px;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-right: 16px;
    text-transform: uppercase;
}

#userFullNameLower {
    clear: right;
    float: right;
    font-family: AvenirHeavy;
    font-size: 11px;
    letter-spacing: 2px;
    padding-top: 0px;
    padding-right: 16px;
}

#lastlogin
{
    font-size: 11px;
    color: #CCC;
    padding-right: 20px;
    position: absolute; right: 0px; bottom: -25px;
}
#nav { width:100%; height: 36px; position: relative; z-index: 1;}
#content 
{
	clear: both;
	padding-left: 20px;
	margin-top: 10px;
}

#footer
{
	clear: both;
    display: inline-block;
    margin-top: 20px;
    background-image: url(https://fr.confirmation.com/images/Master/footer_bg.png);
    height: 88px;
    width: 100%;	
}
#footerWrapper
{
	position: relative;
	width: 1006px;
	margin: auto !important;	
}
#footerLogo
{
	float: left;
	margin: 0px 5px 0 15px;
    background-image: url(https://fr.confirmation.com/images/Master/logo_sm.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 183px;
}

#learnfooterLogo
{
	float: left;
	margin: 0px 5px 0 15px;
    background-image: url(https://fr.confirmation.com/Images/Logos/learn/learn-logo_sm.png);
    background-repeat: no-repeat;
    height: 53px;
    width: 183px;
}
#footerText  
{
	float:right; 
	text-align: right; 
    font-size: 11px;
    line-height: 14px;
    color: #000;
    margin: 12px 12px 12px 0;
}

/* END LAYOUT */

/* CONTEXT NAV */
#contextNav > span {padding-top: 5px; float: left; text-transform: uppercase;}
#contextNav > span.item  
{
    display: inline-block; 
    position:relative; 
    height: 15px; 
    padding: 5px 0px 5px 15px; 
    margin-left: 15px; 
    border-left: 1px solid #ccc; /*border-top: 1px solid #e2e2e2; border-right: 1px solid #e6e6e6;*/  
    z-index: 501;
}

#contextNav > span.dropdownitem
{
    display: inline-block; 
    position:relative; 
    height: 15px; 
    padding: 5px 0px 5px 15px; 
    margin-left: 15px;       
    z-index: 501;
}

#contextNav > span.dropdownitem.selected { background-color: #fff; border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 1px solid #ccc; padding-top:4px;padding-right:14px;}
#contextNav > span.dropdownitem.selected > a { color: #dc7a16;}

#contextNav div.profileDropDown  
{
    display: none; 
    position: absolute; 
    text-transform: none;
    width: 400px; 
    top: 24px; 
    right: -1px; 
    background-color: #fff; 
    border: 1px solid #ccc; 
    padding: 15px; 
    z-index: 501;
    font-family: Arial;
}
#contextNav span.dropdownitem.selected div.profileDropDown { display: block; line-height: 24px; }
span.dropdownitem div.profileDropDown .profileDropDownTab {display: none}
span.dropdownitem.selected div.profileDropDown .profileDropDownTab { display: block; position: absolute; top: -2px; right: 0; width: 128px; height: 5px; background-color: #fff;}
#contextNav div.profileDropDown h3 { font-size: 14px; font-weight: bold; margin-bottom: 5px; }
#contextNav div.profileDropDown ul li { font-size: 14px; }
#contextNav div.profileDropDown span { color: #555; margin-left: 5px; font-size: 12px; }
.contextNav-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 500;
	display: none;
}

/* TABS */
#nav ul 
{
	padding-left: 46px;
	list-style: none;
	font: 11px AvenirHeavy;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin: 0px;
}
#nav li 
{
	position: relative;
	float: left;
	display: block;
	height: 36px;
	background: url("https://fr.confirmation.com/images/Tabs/tab_tl.png") no-repeat left top;
	margin-left: -27px;
}
#nav li span
{
	display: block;
	margin-left: 26px;
	height: 36px;
	background: url("https://fr.confirmation.com/images/Tabs/tab_tr.png") no-repeat right top;
}
#nav li span a 
{
	display: inline-block;
	margin: 0 22px 0 0px;
	padding-top: 15px;
}
#nav li.selected 
{
	position:relative;
	z-index: 200 !important;
	background: url("https://fr.confirmation.com/images/Tabs/tab_tl_sel.png") no-repeat left top;
}
#nav li.selected span
{
	background: url("https://fr.confirmation.com/images/Tabs/tab_tr_sel.png") no-repeat right top;
}
#nav li.selected span a 
{
	color: #000;
}
#nav li.T1 { z-index: 190;}
#nav li.T2 { z-index: 180;}
#nav li.T3 { z-index: 170;}
#nav li.T4 { z-index: 160;}
#nav li.T5 { z-index: 150;}
#nav li.T6 { z-index: 140;}
#nav li.T7 { z-index: 130;}
#nav li.T8 { z-index: 120;}
#nav li.T9 { z-index: 110;}

/* END TABS */

/* MODAL PANEL & OVERLAY */
.modal-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	opacity: .80;
	filter: alpha(opacity=80);
	z-index: 500;
	display: none;
}
.modal-window 
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 93%;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 501;
	background-color: transparent;
	display: none;
	width: 100%;
}
.modal-iframe
{
	position: relative;
	background-color: transparent;	
	border: none;
	height: 745px;
	width: 100%;
}
.modal-popups-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 802;
	display: none;
}
.modal-popups-window 
{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	z-index: 803;
	background-color: transparent;
	display: none;
	width: 100%;
}
.modal-popups-iframe
{
	position: relative;
	background-color: transparent;	
	border: none;
	height: 100%;
	width: 100%;
}

/* END MODAL PANEL & OVERLAY */

/* SLIDER PANEL */
.slidePanel {
	box-sizing: unset !important;
	position: absolute;
	top: 0px;
	right: 0;
	display: none;
	background: #fff;
	border-left: 2px solid #ff9b59;
	width: 800px;
	padding: 0px 130px 30px 30px;
	z-index: 701;
}
.slider-overlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
	opacity: .80;
	filter: alpha(opacity=80);
	z-index: 700;
	display: none;
}

.slidePanel-iframe {
	background: transparent;	
	border: none;
	width: 100%;
	height: 100%;
}

.slidePanel p{
	margin: 0 0 15px 0;
	padding: 0;
	color: #000;
}

a.slideTrigger{
	position: fixed;
	text-decoration: none;
	top: 20vh; right: 0;
	height: auto;
	background-color: #D64000;
	color: #fff;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	z-index: 702;
	cursor: pointer;
	gap: 6px;
	font-size: 16px;
	font-weight: bold;
	border-radius: 5px;
	padding: 15px 5px;
}
a.slideTrigger .slideText {
	writing-mode: vertical-rl;
	transform: rotate(180deg);
}
a.slideTrigger:hover 
{
	border-bottom: none !important;	
	cursor: pointer;
}

/*
	Slidepanel for responsive screens and zoomed screens
*/
@media screen and (max-width: 1024px) {
	a.slideTrigger {
		font-size: 1.2rem;
	}

	:root {
		--help-margin-content: 18px;
		--iframe-padding-right: 12px;
	}

	.slidePanel {
		padding-right: var(--iframe-padding-right);
		width: calc(100vw - 90px);
	}

	a.slideTrigger.active {
		transition: right 0.2s;
		right: calc(calc(100vw - 90px) + calc(2*var(--iframe-padding-right)) + var(--help-margin-content)) !important;
	}
}

/* ACTION BOX */
.actionBoxSpacer
{
    position: relative;
	float: left;
	margin-top: 10px;
	border: none;
	width: 315px;
	height: 230px;
	margin-right: 10px;
	overflow: hidden;
}
.actionBox
{
    position: relative;
	float: left;
	margin-top: 10px;
	border: 1px solid #CFCFCF;
	width: 315px;
	height: 230px;
	margin-right: 10px;
	background-color: #F3F3F3;
	overflow: hidden;
}
.actionBox-header
{
	background-image: url(https://fr.confirmation.com/images/Master/box_header_bg.png);
	height: 30px;
	font-family: AvenirMedium;
	font-size: 13px;
}
.actionBox-image
{
	height: 26px;
	width: 26px;
	float: left;
	margin: 2px 0 2px 5px;
}
.actionBox-title
{
	display: inline-block;
	margin: 7px 6px;
	color: #fff;
	letter-spacing: 2px;
	text-transform: uppercase;	
}
.actionBox-body
{
	padding: 14px 9px 9px 9px;
	color: #000;
	line-height: 16px;
	font-size: 12px;
}
.actionBox-step
{
    float: right;
    margin: 7px 6px;
	color: #fff;
	text-transform: uppercase;
	padding-right: 5px;
}
.actionBox-refresh
{
    float: right;
    margin: 4px;
}
.actionBox-refresh:hover { cursor: pointer; }

/* ActionBox Styles*/
.actionBox-body h4 { font-size: 13px; /*font-weight: normal;*/ }
.actionBox-body h4 > a {font-size: 10px;}
.actionBox-body div.pad { margin-bottom: 8px;}
.actionBox-body hr {color: #aaa; margin: 2px 0; padding:0;}

.actionBox-body ul 
{
	margin: 0 0 0 10px;
	list-style: none;
}
.actionBox-body ul li 
{
	padding-left: 15px; 
	background-image: url(https://fr.confirmation.com/images/Master/arrow_sm.gif); 
	background-repeat: no-repeat; 
	background-position: 0 7px;
	font-size: 14px;
	line-height: 22px;
}
.actionBox-body ul li.open
{
    background-image: url(https://fr.confirmation.com/images/Master/arrow_sm_open.gif); 
} 

.admin .actionBox-header {background-image: url(https://fr.confirmation.com/images/Master/box_header_bg_admin.png);}
.admin .actionBox-title{ color: #000;}

.actionBox-body .leftHalf {display: inline-block; float: left; width: 142px;}
.actionBox-body .rightHalf {display: inline-block; float: right; width: 142px;}
.actionBox-body .centerBigMargins {padding: 0 30px 0 30px;}

.actionBox-overlay
{
    position: absolute;
    top: 30px;
    right: 0;
    bottom: 0;
    left: 0;
    height: 200px;
    width: 100%;
    margin: 0;
    padding: 0;
	background: #F3F3F3;
	z-index: 500;
	display: table;
}       
.actionBox-over-center  
{
    display: table-cell; 
    vertical-align: middle; 
    text-align: center; 
    padding: 0 40px 0 40px;          
}
.actionBox-overlay-bracket  
{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.overlay-bracket-hook  
{
    border-left: 5px solid #000; 
    border-right: 5px solid #000; 
    height: 1px; 
}
.actionBox-overlay-text { padding: 2px 5px; font-size: 15px; }

/* END ACTION BOX */

/* METRIC BOX */
	.metric {position: relative; display:block; height: 24px; margin: 0 42px 3px 5px; background: url(https://fr.confirmation.com/images/Master/Metric-Center.png) repeat-x; letter-spacing: -1px; font-size: 14px; clear: both; line-height: 20px;}
    .metric-left {position: relative; display: inline-block; left: -5px; height: 100%; width: 5px; background: url(https://fr.confirmation.com/images/Master/Metric-Left.png) no-repeat;}
    .metric-right {position: relative; display: inline-block; float:right; right: -40px; height: 100%; width: 42px; background: url(https://fr.confirmation.com/images/Master/Metric-right.png) no-repeat; text-align: center; padding: 2px 0 0 0; font-weight: bold; font-size: 15px; } 
    .metric-img { display: inline-block; width: 22px; height: 22px;}
    .metric-text {display: inline-block; }
    .metric a { position: absolute; top: 2px; left: 19px;}
    /*.metric a.crunch { position: absolute; left: 19px; letter-spacing: -2px;}*/
    .metric a.noImage { position: absolute; left: 6px;}
    .metric img { position: absolute; top: 4px; left: -1px;}
	.metric.disabled { color: #999; }
	.metric.disabled a { color: #999; }
	.metric.disabled a:hover { color: #999; border-bottom: none; cursor: text; }
/* END METRIC BOX */


/*-------------------------------------------------------------------------------*/
/*                      A U D I T O R    D A S H B O A R D                       */
/*-------------------------------------------------------------------------------*/

/* CLIENT LIST */
.aud_clients_quad {}
.aud_clients_quad h4 { margin-bottom: 2px; }
.aud-client-ddl { width: 100px; }
.aud-client-txt { width: 118px; }
.aud-client-vwlist { position: absolute; bottom: 9px; left: 9px; font-size: 11px; }
ul.aud-client-recent li { display:block; width: 270px; }

/* STATUSES (Auditor) */
.aud_status_quad h4 { margin-bottom: 2px; }
.aud_status_quad div.leftHalf{ width: 155px; }
.aud_status_quad div.rightHalf{ width: 135px; }
.aud-stat-footer { text-align: center; position: absolute; bottom: 9px; left: 0; right: 0; font-size: 11px; }

/* REPORTS */
.aud_reports_quad h4 { margin-bottom: 2px; }

/* QUICK LINKS */
.aud_links_quad h4 { margin-bottom: 2px; }

/* CHARTS */
.aud_stats_quad h4 { margin-bottom: 2px; }
.aud_stats_quad table div { overflow: hidden !important; }
.aud_stats_quad iframe { height:180px; overflow: hidden !important; }

/* UPDATES */
.aud_updates_quad h4 { margin-bottom: 2px; }
#updates .feed { height: 150px; overflow: auto; }
#updates .feedItem { font-size: 11px; clear: both; }
#updates .feedDate
{
	float: left;
	color: #666;
	padding-top: 4px;
	margin-right: 10px;
	width: 54px;
}
#updates .feedName
{
	float: left;
	max-width: 200px;
	max-height: 54px;
	line-height: 18px;
	border-left: solid 1px #999;
	padding-left: 10px;
	margin-bottom: 10px;
	overflow: hidden;
}
#updates .feedName a {}
.aud-update_button { position: absolute; bottom: 9px; left: 83px; }

/* END UPDATES STYLE */


/*-------------------------------------------------------------------------------*/
/*                      C L I E N T     D A S H B O A R D                        */
/*-------------------------------------------------------------------------------*/

/* CLIENT PROFILES */
.client-prof-col1 { width:182px; margin-right: 8px; }
.client-prof-col2 { width: 100px;}
.client-prof-addbtn { position: absolute; bottom: 9px; right: 9px; }
.client-prof-website { width: 290px; }

/* ACCOUNTS */
.client-acct-btns { text-align: center; position: absolute; bottom: 8px; left: 0; right: 0; }


/* AUTHORIZATION CODES */
.client-auth-txt { width: 90px; margin: 4px 4px 0 0; }
.client-auth-btns { text-align: center; position: absolute; bottom: 8px; left: 0; right: 0; }
.client_auth_quad div.leftHalf { width: 112px; }
.client_auth_quad div.rightHalf { width: 180px; }
.client_auth_quad div.rightHalf span.smbutton { margin: 4px 0 0 0; }
.client_auth_quad span.inputHeight { line-height: 25px; }

/* INITIATE */
.client-init-div { margin: 0 auto; padding: 0 auto; text-align: center; margin-top: 50px; }
.client-conf-div { margin: 0 auto; padding: 0 auto; text-align: center; margin-top: 40px; }
.client-paper-div { margin: 0 auto; padding: 0 auto; text-align: center; margin-top: 30px; }

/* STATUSES */
.client-stat-btns { margin: 0 auto; padding: 0 auto; text-align: center; }
.client-stat-footer { margin: 0 auto; padding: 0 auto; text-align: center; }

/* NOTES */
.client-notes-btns { text-align: center; position: absolute; bottom: 8px; left: 0; right: 0; }
.actionBox-body  textarea { width: 100%; height:135px; }

/*-------------------------------------------------------------------------------*/
/*                      R E P O R T S    D A S H B O A R D                       */
/*-------------------------------------------------------------------------------*/

/* FILTERS */
.filters { margin-top:8px; margin-bottom: 10px; }
.filters-caption strong { font-weight: bold; color: #999;}
.filters-caption { font-size: 13px; color: #666; margin-bottom: 5px; clear: both;}
.filter { float: left; margin: 0 7px 5px 0; }
.filter-label { color: #000; font-size: 12px; font-weight: bold;  line-height: 20px;}
.visual-edit-label { font-size: 12px; font-weight: bold; line-height: 20px;}
.filters-action { float: left; width: 60px; margin-top: 20px; margin-right: 20px; height: 28px; }
.filter-HiddnButton { display: none; visibility: hidden; }
.filter-validator { display: none; }
.filter-validationSummary { color: #DC0A0A; padding: 5px 15px; font-weight: bold; z-index: 500; margin-bottom: 10px; }
.filters-results strong {font-size: 16px;}
.filters-results  { text-transform:lowercase;display: inline-block; height: 22px; margin-top:18px;}
.filters-results-right { position: absolute; right:0; }
/* END FILTERS */

.reportWrapper { margin: 15px 0 15px 0; padding: 0; }
.reportButtons { float: right; margin-bottom: 7px;}
.reportPreview { position:relative; clear: both; height: 400px; overflow: scroll !important; border: 1px solid #d8d8d8}
.reportPreviewF { position:relative; clear: both; height:400px !important; table-layout:fixed !important;display:inline-block !important;width:100%; border: 1px solid #d8d8d8;}
.reportPreviewF a { color: #555 !important; }
/* Remove Zoom From reports in IE 10 */
div.reportPreviewF select.aspNetDisabled[title="Zoom"] {
    display: none;
}

/*-------------------------------------------------------------------------------*/
/*               A D M I N I S T R A T O R    D A S H B O A R D                  */
/*-------------------------------------------------------------------------------*/

.adminReports { height: 186px; overflow-y: auto;}


/*-------------------------------------------------------------------------------*/
/*               B A N K    V I E W   C O N F I R M A T I O N S                  */
/*-------------------------------------------------------------------------------*/


/* Bank confirmations */

div.confirmation-grid1  { height: 350px;}
span.tbl_scroll_wrapper{  margin-top: 21px; margin-right: 0; }
.conf-tab_footer_Left { float: left; margin-top:5px; }
.conf-tab_footer_right { float: right; margin-top:5px;}
.cred-save-password { margin-top: 20px; }
.conf-header-selection { vertical-align:Top; float: right; }
.conf-header-selection-img { position: absolute; left: 28px; top: 5px; }
.imgLocked {display: inline-block; background: url('https://fr.confirmation.com/images/GridImages/locked.png') no-repeat 0 0 transparent; height: 21px;  margin-right: 5px; padding: 0 0 0 25px; }
.imgAssigned { display: inline-block; background: url('https://fr.confirmation.com/images/GridImages/assigned.png') no-repeat 0 0 transparent; height: 21px;  margin-right: 5px; padding: 0 0 0 25px; }
.imgReviewQue { display: inline-block; background: url('https://fr.confirmation.com/images/GridImages/metrics_nmi.png') no-repeat 0 0 transparent; height: 21px;  margin-right: 5px; padding: 0 0 0 25px;}
.imgLocked span, .imgAssigned span, .imgReviewQue span { line-height: 25px;}
.conf-selection-menu { padding-left:5px; width: 75px; border: 1px solid #CCCCCC; background: #E6E6E6; position: relative; z-index: 1;}
.modalPopup-overlay { position: absolute; z-index: 603;display: none; }
.conf-unlock-maindiv { text-align: center; padding: 10px; }
.conf-unlock-spacing { margin-top: 10px; margin-bottom: 10px;}
.Conf-modal-overlay {position: fixed; top: 0; right: 0; bottom: 0; left: 0; height: 100%; width: 100%; margin: 0; padding: 0; background: #fff;opacity: .80;filter: alpha(opacity=80); z-index: 500; display: none; }
.Conf-modal-window { position: absolute; top: 0;right: 0;bottom: 0;left: 0;height: 93%;margin: 0;padding: 0;z-index: 501;background-color: transparent; display: none; }

div.folloup-grid1{height: 380px;margin-bottom: 25px;clear: both;}
.viewIcon{height: 20px;background: url("https://fr.confirmation.com/images/page_icon.png");background-repeat: no-repeat;margin-top: 5px;}
.viewIcon:hover { border-bottom: none; }
.viewAllIcon{height: 20px;background: url("https://fr.confirmation.com/images/all_icon.png");background-repeat: no-repeat;margin-top: 5px;}
table.clientreport { FONT-SIZE: 10px; WIDTH: 100%; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }
table.clientreport TR TD { FONT-SIZE: 10px; COLOR: #444444; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif }

/* END Bank confirmations*/

/* VIEW CONFIRMATIONS */
.vc_wrapperHeadD { width: 960px; }
.vc_wrapperD { width: 960px; overflow:hidden; margin: 15px 0 0 0; line-height: 16px; }
.vc_wrapperD h2 { font-size: 14px; font-weight: bold; margin: 5px; }
.vc_wrapperD > h2.topL { float:left; }
.vc_wrapperD > h2.topR { float:right; } 

.vc_wrapperD div.sections { background-color: #eee; padding: 5px; margin: 0 12px 12px 0;}
.vc_wrapperD div.sections div.sec > table { border-collapse: separate; padding: 5px; }
.vc_wrapperD div.sections div.sec > p { margin: 10px 10px 5px 10px; }
.vc_wrapperD div.sections div.sec > div { margin: 10px 10px 5px 10px; }
.vc_wrapperD td.sec div { margin: 0 0 5px 5px; }

.vc_wrapperD table.sections { width: 100%; margin-bottom: 8px; }
.vc_wrapperD table.sections td.sec { background-color: #eee; border-right: 12px solid #fff; border-bottom: 4px solid #fff; padding: 5px;}
.vc_wrapperD table.sections td.sec table { margin: 5px 5px 5px 7px; }
.vc_wrapperD td.sec table tr td strong { text-align: right; margin-right: 8px; white-space: nowrap; display: block;  }
.vc_wrapperD .sec h2 { font-size: 14px; color: #555; }
.vc_wrapperD .sec p { font-size: 11px; }

.vc_wrapperD .vc_Conf_Request {background-color: #dee4ea !important;}
.vc_wrapperHeadD .vc_Buttons { float: right; margin-right: 17px;}
.vc_wrapperHeadD .vc_Buttons .smbutton { width: 50px; }
.vc_wrapperD .vc_halfcol { width: 459px; } /*8 more on bank side because No Scrollbar*/

.ViewConfirmedImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/metrics_confirmed.png) no-repeat; padding: 0 0 0 20px; }
.ViewPendingImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/metrics_pending.png) no-repeat; padding: 0 0 0 20px; }
.ViewInprogressImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/in_progress_icon.png) no-repeat; padding: 0 0 0 20px; }
.ViewReviewImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/review_icon.png) no-repeat; padding: 0 0 0 20px; }
.ViewDenialImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/metrics_denied.png) no-repeat; padding: 0 0 0 20px; }
.ViewNMIImage{ display: inline-block; height: 16px; background: url(https://fr.confirmation.com/images/Icons/16x16/metrics_nmi.png) no-repeat; padding: 0 0 0 20px; }

.accountFields table tbody tr td { padding-bottom: 5px; }

.modal_content {background-color: #fff; padding: 15px 0 15px 0;}
.modal_footer { padding: 0; margin: 0;}
.modal_content_div { position: relative; }
.csspanelItems{ position: absolute;margin-top:-115px;left: 450px;display: none;}


/* Box */
.modal_tl	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/tlc.png);width: 36px;height: 48px;}
.modal_t	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/ts.png);height: 48px;}
.modal_tr	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/trc.png);width: 36px;height: 48px;}
.modal_l	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/ls.png);width: 36px;}
.modal_r	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/rs.png);width: 36px;}
.modal_bl	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/blc.png);width: 36px;height: 63px;}
.modal_b	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/bs.png);height: 63px;}
.modal_br	{ background: url(https://fr.confirmation.com/images/BlueTheme/ModalBox/brc.png);width: 36px;height: 63px;}
/* IE6&7 */
* html .modal_tl	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/Images/BlueTheme/ModalBox/tlc.png', sizingMethod='scale');}
* html .modal_t		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/ts.png', sizingMethod='scale');}
* html .modal_tr	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/trc.png', sizingMethod='scale');}
* html .modal_l		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/ls.png', sizingMethod='scale');}
* html .modal_r		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/rs.png', sizingMethod='scale');}
* html .mod?l_bl	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/blc.png', sizingMethod='scale');}
* html .modal_b		{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/bs.png', sizingMethod='scale');}
* html .modal_br	{ background-image: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='https://fr.confirmation.com/images/BlueTheme/ModalBox/brc.png', sizingMethod='scale');}
/* End Box */

.modal_title { font-family:AvenirMedium; font-size:15px; display: inline-block; margin-top: 23px;  color: #fff; float:left;}
.modal_close { font-family:AvenirMedium; font-size:15px; display: inline-block; margin-top: 21px;  color: #fff !important;  
               float: right; text-decoration: none !important; border-bottom: 1px solid #fff;}
.modal_content {background-color: #fff; padding: 15px 0 15px 0;}
.modal_footer { padding: 0; margin: 0;}
.modal_content_div { position: relative; }

/* FINANCIAL - View Confirmation */
span.arrowbutton, .arrowbutton .button-text { width: 142px; }
.buttonResponses 
{
    width: 142px;
    height: 100px;
    display: inline-block; 
    display: none;
    position: absolute; 
    background-color: #df7d19;
    color: White;
    top: -115px;
    left: 0;
    border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;
}

.buttonResponses a
{
    display: block;
    height: 21px;
    border-bottom: 1px solid #ad4b07;
    margin-right: 0px; 
    padding: 9px 0 2px 0;
    left: 0px;
    top: 0px;
}

.buttonResponses a:hover
{ border-bottom: 1px solid #ad4b07; background-color: #ef8d29; 
  border-top-left-radius: 10px 10px;
    border-top-right-radius: 10px 10px;}

/* FOOTER */
.footerButtons { margin: 0 auto; text-align: center; padding: 10px; }
/* END FOOTER */



/* START Financial Reprot & Maintenance*/
.maincontainer  {float: left; width:100%; height: 500px;}
.subcontainer1  {float:left;width:35%;}
.subcontainer2  {float:left;width:40%;}
.subcontainer3  {float:left;width:10%;}
.ReportListItemTemplate {height: 40px;width: 700px;}
/* END Financial Maintenance */


/* START Financial Attachment*/
    div.Attachment-Grid {height:300px; } 
    div.Attachment-Grid div table.dataGrid {margin: 0 !important; }
    .Attachment-SpaceV {float: left; width: 1%; height: 75px;}
    .Attachment-SpaceH {height: 5px;}
    .Attachment-Upload {background-color: White;border: 2px solid gray;font-family: Tahoma;font-size: 8pt;float: left;}
    .Attachment-FloatLeft {float: left;}
    .Attachment-AlignTop {vertical-align:top;}
    .Attachment-Text {float: left; width: 85%;}
    .Attachment-PaperPin {vertical-align: middle; height:15px; width:15px;}
    .Attachment-Info {float: left;}
    .Attachment-divDuplicateFile {position:absolute; top:60%;left:30%} 
    .Attachment-divDeleteFile {position:absolute; top:60%;left:40%} 
    .Loading-MainDiv {background: #FFF url(https://fr.confirmation.com/images/demotop.png) no-repeat left top}
    .Loading-MainPnl {background-color: white; width:250px; Height:120px;}
    .Loading-SpaceH {height: 45px;}
    .Loading-WaitText {color: #EE9757; font-weight: bold;}
    .modalBackground {background-color:white; filter:alpha(opacity=80); opacity:0.8;}
/* END Financial Attachment*/

#userProfileMenuList button {
	font-size: 14px;
	cursor: pointer;
	color: #0062C4;
	text-decoration: none;
	background-color: white;
	border: none;
	text-align: left;
	font-family: inherit;
	letter-spacing: 2px;
}

.skip-to-content {
	position: absolute;
	top: 15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: var(--brand-color);
	color: #ffffff;
	padding: 12px 10px;
	z-index: 1000;
	text-decoration: none;
	font-weight: bold;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	text-align: center;
}

.skip-to-content:focus {
	opacity: 1;
	pointer-events: auto;
}


div#classic .confirmation-grid1 a:not(.red) {
	color: #0062C4;
}