/* Main CSS files for the www.planmemberpartners.com */
/*****************************************************/

/** Plugin imports **/
@import url('../DataTables/datatables.min.css');

.field-invalid
{
	background-color : #FCC;
}

.field-valid
{
	background-color : lightgreen;
}

.label_cell
{
	padding-left : 5px;
}

.filterInput
{
	/*height:24px !important;*/
}

#ResultsDisplayTbl td
{
	padding : 3px 3px !important;
}

.group-result
{
	cursor : pointer !important;
}

.roundCorners
{
	background-color : #EEE;
	border           : 1px solid #DEDEDE;
	border-radius    : 10px;
	padding          : 5px 15px;
	margin-bottom    : 15px;
	margin-top       : 10px;
}

.redemption
{
	height : 100%;
	color  : white;
}

.redemption .modal-backdrop.in
{
	opacity  : 0.5;
	height   : 100%;
	position : fixed;
}

.redemption .modal-dialog
{
	margin    : 50px auto;
	max-width : 90%;
	width     : auto;
	min-width : 25%;
}

.redemptionModalContainer
{
	color       : black;
	font-weight : bold;
	font-size   : 12px;
	text-align  : left;
	margin      : auto;
	padding     : 0 25px 0 25px;
}

.redemptionModalContainer .row
{
	text-align : center;
}

#redemptionModalTable .no-wrap
{
	white-space : nowrap;
}

.redemption .dataTables_info
{
	margin-top : 3%;
}

.callLogNote-decorator
{
	background-color : #FFF9D7;
	border           : 1px solid #E2C822;
	color            : #333;
	font-size        : 13px;
	font-weight      : bold;
}

.rolloverNote-decorator
{
	background-color : #FFF9D7;
	border           : 1px solid #E2C822;
	color            : #333;
	font-size        : 13px;
	font-weight      : bold;
}

.details-control
{
	width : 10% !important;
}

.modalToggle
{
	cursor          : pointer;
	text-decoration : underline;
	color           : #069;
}

#callLogModalTable_wrapper label,
#redemptionModalTable_wrapper label,
#RMDModalTable_wrapper label
{
	top : 5px;
}

#RMDModalTable_filter.dataTables_filter label,
#callLogModalTable_filter.dataTables_filter label,
#redemptionModalTable_filter.dataTables_filter label,
#rollOverReportModalTable_filter.dataTables_filter label,
#FlowReportModalTable_filter.dataTables_filter label,
#PIPReportModalTable_filter.dataTables_filter label,
#SystematicWithdrawalReportModalTable_filter.dataTables_filter label,
#OESModalTable_filter.dataTables_filter label,
#SalaryDeferralReportModalTable_filter.dataTables_filter label
{
	position : absolute;
	right    : 0;
	top      : 5px;
}

.fitScreenWidth
{
	max-width : none !important;
	padding   : 0 20px;
}

.modal-content
{
	background-color : #F5F5F5;
	/* min-width:850px; */
}

#loadingDiv
{
	background-image    : url(../../Images/spinner.gif);
	background-position : center;
	background-repeat   : no-repeat;
	background-color    : #DDD;
	opacity             : 0.5;
	background-size     : 4%;
	height              : 100%;
	width               : 100%;
	position            : fixed;
	z-index             : 1000;
}

#ResultsDisplayTbl_wrapper .excelButtonStyle
{
	position   : relative;
	text-align : right;
	top        : 10px;
}

#ResultsDisplayTbl_wrapper .dt-buttons
{
	text-align : right;
	float      : right;
	bottom     : 85px;
	display    : table-row;
	width      : 300px;
	z-index    : 0;
}

#ResultsDisplayTbl_paginate
{
	position : relative;
	display  : block;
	height   : 50px;
}

.buttons-collection
{
	right    : 5px;
	position : relative;
}

.buttons-excel:before
{
	content     : '\f1c3';
	font-family : FontAwesome, serif;
	right       : 5px;
	position    : relative;
}

#ResultsDisplayTbl_wrapper .dataTables_info
{
	position : relative;
	top      : 20px;
}

#ResultsDisplayTbl_length label
{
	position : relative;
	right    : 175px;
}

#callLogModalTable_length label,
#redemptionModalTable_length label,
#rollOverReportModalTable_length label,
#FlowReportModalTable_length label,
#RMDModalTable_length label,
#PIPReportModalTable_length label,
#SystematicWithdrawalReportModalTable_length label,
#SalaryDeferralReportModalTable_length label
{
	position : relative;
	right    : 165px;
}

#callLogModalTable_wrapper .dt-buttons,
#redemptionModalTable_wrapper .dt-buttons,
#rollOverReportModalTable_wrapper .dt-buttons,
#FlowReportModalTable_wrapper .dt-buttons,
#RMDModalTable_wrapper .dt-buttons,
#PIPReportModalTable_wrapper .dt-buttons,
#SystematicWithdrawalReportModalTable_wrapper .dt-buttons,
#OESModalTable_wrapper .dt-buttons,
#SalaryDeferralReportModalTable_wrapper .dt-buttons
{
	position : relative;
	float    : right;
	display  : block;
	z-index  : 0;
	bottom   : 50px;
}

#redemptionModalTable_wrapper .dt-buttons
{
	bottom : 50px;
}

#callLogModalTable_wrapper .dt-buttons a,
#redemptionModalTable_wrapper .dt-buttons a,
#rollOverReportModalTable_wrapper .dt-buttons a,
#FlowReportModalTable_wrapper .dt-buttons a,
#RMDModalTable_wrapper .dt-buttons a,
#PIPReportModalTable_wrapper .dt-buttons a,
#SystematicWithdrawalReportModalTable_wrapper .dt-buttons a,
#OESModalTable_wrapper .dt-buttons a,
#SalaryDeferralReportModalTable_wrapper .dt-buttons a
{
	padding-right : 5px;
	cursor        : pointer;
}

div.dt-button-collection
{
	width     : 50% !important;
	display   : flex;
	flex-wrap : wrap;
}

div.dt-button-collection a.dt-button.buttons-columnVisibility.active
{
	background-color : #AAA !important;
	background-image : none;
}

#RMDModalTable tbody tr td:nth-child(7),
#RMDModalTable tbody tr td:nth-child(8)
{
	border           : 1px solid #488A28;
	background-color : #1975A4;
	color            : #FFF;
}

#RMDModalTable tbody tr td:nth-child(7):hover,
#RMDModalTable tbody tr td:nth-child(8):hover
{
	border           : 1px solid #488A28;
	background-color : #3396FF;
	color            : #FFF;
}

/***** CSS FOR \CMS\ClientBridge\ClientBridgeClientAccounts.cfm *****/
.details
{
	color       : #333;
	font-family : sans-serif;
	font-size   : 11px;
}

.details-heading
{
	background-image  : linear-gradient(to bottom, #E8E8E8 0px, #F5F5F5 100%);
	background-repeat : repeat-x;
	background-color  : #F5F5F5;
	border            : 1px solid #DDD;
	color             : #333;
	margin-bottom     : 10px;
}

.details-heading-account
{
	background-repeat : repeat-x;
	background-color  : #C3E0F0;
	border            : 1px solid #DDD;
	color             : #333;
}

.details-account td, th
{
	padding-left  : 5px;
	padding-right : 5px;
}

.details-account th
{
	text-align : center !important;
}

.details-account-product
{
	font-size   : 14px;
	font-weight : bold;
	font-family : 'Arial Black', Arial, Helvetica, sans-serif;
}

.details-account-registration
{
	font-size   : 14px;
	color       : #696969;
	font-family : sans-serif;
}

.details-account-registration-details
{
	font-size   : 14px;
	color       : black;
	font-family : sans-serif;
}

.details-italic
{
	font-style : italic;
}

.details-2ndLine
{
	text-align   : center;
	border-right : 1px solid silver;
}

/***** END CSS FOR \CMS\ClientBridge\ClientBridgeClientAccounts.cfm *****/
/******** CSS FOR CMS/ClientBridge/modals/SalaryDeferralModal.cfm ******/
#SalaryDeferralReportModalTable_wrapper > .dt-buttons > a > span
{
	padding : 5px;
}

/******** END CSS FOR CMS/ClientBridge/modals/SalaryDeferralModal.cfm ******/

/******** START CSS FOR CMS/ClientBridge/ SPINNER ******/
.lds-spinner
{
	color    : blue;
	display  : inline-block;
	position : relative;
	width    : 200px;
	height   : 200px;
	top      : 40%;
	left     : 40%;
}

.lds-spinner div
{
	transform-origin : 32px 32px;
	animation        : lds-spinner 1.2s linear infinite;
}

.lds-spinner div:after
{
	content       : ' ';
	display       : block;
	position      : absolute;
	top           : 3px;
	left          : 29px;
	width         : 5px;
	height        : 14px;
	border-radius : 20%;
	background    : #337AB7;
}

.lds-spinner div:nth-child(1)
{
	transform       : rotate(0deg);
	animation-delay : -1.1s;
}

.lds-spinner div:nth-child(2)
{
	transform       : rotate(30deg);
	animation-delay : -1s;
}

.lds-spinner div:nth-child(3)
{
	transform       : rotate(60deg);
	animation-delay : -0.9s;
}

.lds-spinner div:nth-child(4)
{
	transform       : rotate(90deg);
	animation-delay : -0.8s;
}

.lds-spinner div:nth-child(5)
{
	transform       : rotate(120deg);
	animation-delay : -0.7s;
}

.lds-spinner div:nth-child(6)
{
	transform       : rotate(150deg);
	animation-delay : -0.6s;
}

.lds-spinner div:nth-child(7)
{
	transform       : rotate(180deg);
	animation-delay : -0.5s;
}

.lds-spinner div:nth-child(8)
{
	transform       : rotate(210deg);
	animation-delay : -0.4s;
}

.lds-spinner div:nth-child(9)
{
	transform       : rotate(240deg);
	animation-delay : -0.3s;
}

.lds-spinner div:nth-child(10)
{
	transform       : rotate(270deg);
	animation-delay : -0.2s;
}

.lds-spinner div:nth-child(11)
{
	transform       : rotate(300deg);
	animation-delay : -0.1s;
}

.lds-spinner div:nth-child(12)
{
	transform       : rotate(330deg);
	animation-delay : 0s;
}

@keyframes lds-spinner
{
	0%
	{
		opacity : 1;
	}
	100%
	{
		opacity : 0;
	}
}

.overlay
{
	/*position: absolute;*/
	position         : fixed;
	top              : 0;
	left             : 0;
	width            : 100%;
	min-height       : 100%;
	height           : 100%;
	max-height       : 100%;
	z-index          : 10;
	background-color : rgba(0, 0, 0, 0.5); /*dim the background*/
}

/********  END CSS FOR CMS/ClientBridge/ SPINNER ******/