/* Reset BODY to what we normally have on CBOL pages, then add same styles to the .cbolui-ddl container (except BG) */
body {
	font-family: sans-serif;
	font-size: 16px;
	line-height: normal;
	color: #000;
}
.cbolui-ddl {
	font-family: Interstate_Light, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #333;
}
/* to Fix auto scroll bar hiding issue in IE*/
html {
	-ms-overflow-style: scrollbar;
}
/* Fix padding for DDL not on the BODY */
body {
	margin: 0;
}
.cbolui-ddl #appBody {
	padding: 0;
}
.cbolui-ddl .cbolui-container {
	padding: 20px 10px;
}

.container-fluid, .container {
    padding-left: 0px;
    padding-right: 0px;
    margin: 0px;
}
 
/* Image Overrides for SVG encoding instead of loading images from the server in separate calls */
/* (moved to ./SVG.css) */

/* Defect Fix | Defect #17859 | “Welcome” Card member’s name bolded, under global nav,  not consistent with Dashboard. */ 
/* DDL is making all <strong> tags use Interstate instead of Arial, so this will temporarily restore it for just the "Welcome" line */
.cbolui-ddl #citilmHeader strong,
.cbolui-ddl #citilmHeader #user_information li.user_information_welcome #user_name {
	font-family: arial,sans-serif;
}

/* Defect Fix | Defect #18078, #18512 | Padding/layout issues */ 
/* DDL was applying border-box to header/footer/JFPWidget elements, causing layout problems */
.cbolui-ddl #citilmFooter,
.cbolui-ddl #nav_welcome,
.ddl .ui-selectmenu,
.jfpw-select-wrapper.jfpw-select-list-container {
	box-sizing: content-box;
}

/* UXFTA is overriding line height within modals in Cards Quick Lock */
.cbolui-ddl .cbolui-container .modal-body {
    line-height: 1.2857;
}

/* Modal fixes (body and backdrop are outside .cbolui-ddl) */
body.modal-open {
	overflow: hidden;
}
body.modal-open .cbolui-ddl .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal-backdrop {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1040;
	background-color:#000;
}
.modal-backdrop.fade {
	opacity:0;
	filter:alpha(opacity=0);
}
.modal-backdrop.in{
	opacity:.5;
	filter:alpha(opacity=50);
}
/* END modal fixes */

.cbolui-ddl .popover {
	/* Fix tooltip positioning in vendor.css */
	position: absolute;
	/* Fix tooltip width for narrow parent elements */
	min-width: 200px;
}
/* Allow P tag in tooltip */
.cbolui-ddl .popover .popover-content p {
	font-size: 100%;
}


/* Fix line-height for checkbox groups with errors */
/* Defect 7702 */
.cbolui-ddl .cbolui-form-checkbox.validation-danger {
	line-height: 1.5em;
}

/* Remove icon from .alert-danger messages */
.cbolui-ddl .alert.alert-danger:before {
	display: none;
}

/* Hide ui-calendar by default */
.ui-datepicker {
	display: none;
}
/* action module*/

.actionModuleBody {
	width: 100%;
	padding: 30px;
}
.cbolui-ddl .actionModuleBody .contact-us .contact-us-content {
	border-top: 2px solid rgba(0,0,0,.25);
	border-bottom: none;
}

/* Make hero module flush with edges of page */
.cbolui-ddl .hero-module {
    margin: 0 -10px;
}
.cbolui-ddl .pos_rgb_alerts:before, .cbolui-ddl .pos_rgb_dollar:before, .cbolui-ddl .pos_rgb_smartPhone:before, .cbolui-ddl .pos_rgb_telephone:before {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 15px;
    content: ' ';
    content: "";
    vertical-align: middle;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 30px 30px;
    position: absolute;
}

/* Reset <select> styling in IE */
.cbolui-ddl select::-ms-value {
    background: transparent !important;
}

/* Optional class to always show text in progress bar, no matter what breakpoint */
@media (max-width: 991px){
	.cbolui-ddl .progress-indicator-wrapper.text-always li.progress-indicator-step { text-indent: 0; }
	.cbolui-ddl .progress-indicator-wrapper.text-always li.progress-indicator-step:last-child { text-align: right; }
}
/*.cbolui-ddl .tooltip-input-group {
    padding-left: 0px;
    display: -webkit-box;      
  	display: -moz-box;         
  	display: -ms-flexbox;      
  	display: -webkit-flex;     
  	display: flex;            
    width: 100%;
}*/
/*
.cbolui-ddl .tooltip-input-group .form-control {
    margin-left: 0px;
}*/

.cbolui-form-amount-input-wrapper i.tooltip-toggle {
	position: absolute;
	top: 8px;
}
.cbolui-ddl .input-group .form-control:not(:first-child):not(:last-child), .cbolui-ddl .input-group-addon:not(:first-child):not(:last-child), .cbolui-ddl .input-group-btn:not(:first-child):not(:last-child) {
	border-radius: 6px;
}

.cbolui-ddl .inline-addition .row>.form-group .text-input-label {
	padding-left: 0px;
}

/* Fix to instances of .icon-svg overriding the size of .tooltip-toggle */
.cbolui-ddl .tooltip-toggle.icon-svg.svg-question {
	width; 20px; height: 20px;
}

/** fix to hide these overlay for ddl application**/
.jfpw-hidden {
    display: none!important;
    visibility: hidden!important;
}
#InterdictionOverlayContent, #jfpOverlay {
    display: none;
}



/* Fix to accordion arrow height conflict in CM's CSS */
.cbolui-ddl .accordion.menu ul li .category .svg-arrow {
	height: 8px;
	width: 16px;
}


.cbolui-ddl .inline-addition .row>.form-group .select-box-label {
    margin-top: 10px;
    padding-left: 0px;
}
.cbolui-ddl .inline-addition .row>.form-group .select-box-label:before {
    content: none;
}