/**********************************************************/
/* DEFAULT FORMS LAYOUT */
/* Horizontal/Collapsing - labels on top of input on small screens */

/* Form Wrapper */
/*.formHorizWrap {padding:10px 0;float:left; width:100%;}*/

/* Category Wrapper */
.imod_categoryWrapper {padding:0; margin:0 0 20px; width:100%;float:left;}

/* Field Wrapper */
.imod_fieldWrapper {float:left; width:100%; padding:10px 0; border:none;}
.imod_fieldWrapper:first-child {border:none; padding:0 0 5px; }

/* Field Control (label) */
.imod_fieldWrapper .imod_fieldLabel {float:left;width:30%; font-size:1em; font-weight:400; padding:0 10px 0 0;}

/* Field Control */
.imod_fieldWrapper .imod_fieldInput {float:left; padding:0; display:block;}
.imod_fieldWrapper .imod_fieldInput.idbmsInstanceFullRow {width:100%;}
.imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:block;}
.imod_fieldWrapper .idbmsInstanceColumnInput {width:60%;}

.imod_fieldWrapper .imod_fieldInput label,
.imod_fieldWrapper .imod_col2 label,
.imod_fieldWrapper .imod_col3 label,
.imod_fieldWrapper .imod_col4 label {padding: 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='radio'],
.imod_fieldWrapper .imod_col2 input[type='radio'],
.imod_fieldWrapper .imod_col3 input[type='radio'],
.imod_fieldWrapper .imod_col4 input[type='radio'] {margin:0 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='checkbox'],
.imod_fieldWrapper .imod_col2 input[type='checkbox'],
.imod_fieldWrapper .imod_col3 input[type='checkbox'],
.imod_fieldWrapper .imod_col4 input[type='checkbox'] {margin:0 5px 0 0;}
.imod_fieldWrapper .imod_fieldInput input[type='text'],
.imod_fieldWrapper .imod_col2 input[type='text'],
.imod_fieldWrapper .imod_col3 input[type='text'],
.imod_fieldWrapper .imod_col4 input[type='text']  {/*width:280px; padding:10px;*/ }

.imod_fieldWrapper .idbmsFieldControlCol3 {width:100%;}

/* Category Header Styling */
/*.imod_CategoryWrapper  {}
.imod_fieldWrapper:first-child,
.imod_CategoryWrapper {border-bottom:1px solid #ccc; padding:0; margin:0 0 10px;}
.imod_fieldWrapper:first-child .imod_fieldInput,
.imod_CategoryWrapper {width:100%; background:#eee; }
.imod_fieldWrapper:first-child .imod_fieldInput table.EventsHeader,
.imod_CategoryWrapper .EventsHeader   { border:none;}
.imod_fieldWrapper .imod_fieldInput table.EventsHeader,
.imod_CategoryWrapper .EventsHeader {margin:0; padding:0; border:0; font-size:1.5em; line-height:normal; display:block; width:100%;}
.imod_fieldWrapper .imod_fieldInput table.EventsHeader td,
.imod_CategoryWrapper .EventsHeader {padding:10px;}
.imod_CategoryWrapper .EventsHeader b {font-weight:normal;}
*/
.imod_fieldWrapper .idbmsFieldControlCol2 {width:100%!important;}
.imod_formItemWrapper .EventsHeader,
.imod_fieldWrapper .EventsHeader {border:none;border-bottom:1px solid #ccc; padding:7px 10px; margin:0 0 10px; background:#eee; font-weight:bold; font-size:1.3em; line-height:normal; display:block;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;}
.imod_fieldWrapper .EventsHeader b {font-weight:bold;}
.imod_fieldWrapper .imod_fieldInput .idbmsCampaignDesignation_FirstColumn input[type='text'] {width:80px!important;}

/* designations view */
.imod_fieldWrapper .divAdvancedDesignations { -webkit-border-radius:5px; border-radius:5px;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box; border:1px solid #ccc;padding:1em; font-size:1em; line-height:normal;}
.imod_fieldWrapper .divAdvancedDesignations table {border-spacing:0;}
.imod_fieldWrapper .divAdvancedDesignations table tr.desRow td {padding:0 0 0.5em;}
.imod_fieldWrapper .divAdvancedDesignations tr.desFooter {}
.imod_fieldWrapper .divAdvancedDesignations tr.desFooter td {padding-top:0.5em; border-top:1px solid #ccc;}

.imod_formBillingWrapper .imod_fieldWrapper .imod_fieldInput {width: 70%;}

/* Review/Confirmation Page */
.imod_commSummaryWrapper {width:100%;}
.imod_commSummaryWrapper td {padding:5px;}
.imod_commSummaryWrapper .DataGridAltItem {}
.imod_commSummaryWrapper .DataGridAltItem td {background:#eee;}
.imod_commSummaryWrapper .DataGridAltItem td.imod_summaryDescriptionTitle, 
.imod_commSummaryWrapper .DataGridAltItem td.imod_summarySubTotalTitle {background:#ccc; font-weight:bold;padding:10px 5px;}
.imod_commSummaryWrapper .DataGridAltItem td.imod_summaryDescriptionTitle {width:75%;} 
.imod_commSummaryWrapper .DataGridAltItem td.imod_summarySubTotalTitle {width:25%; text-align:center;}
.imod_commSummaryWrapper td.imod_summaryDescriptionItem {padding-right:10px;}
.imod_commSummaryWrapper td.imod_summarySubTotalCell {text-align:center;}
.imod_commSummaryWrapper td.imod_summaryTotalCell {background: none repeat scroll 0 0 #ccc; border-top: 1px solid #666; font-size: 1.5em; padding: 10px;}

/* @author Jeffrey Jones @date 2013-03-27 @ref https://jira.imodules.com/browse/ENC-11791 @comment adding CSS styles for the template changes */
/* begin ENC-11791 */
.imod_commSummaryWrapper { margin: 30px 0; }
.imod_commSummaryWrapper table { xborder: 1px solid black; border-collapse: collapse; width: 100%; }
.imod_commSummaryWrapper td { padding: 10px 5px; margin: 0; }
.imod_commSummaryWrapper table td.Footer { text-align: right; border-top: 1px solid black; font-weight: bold; }
.imod_commSummaryWrapper table td.PrimaryConfirmationNumber { font-style: italic; }
.imod_commSummaryWrapper table td.SecondaryConfirmationNumber { font-style: italic; border-top: 1px dashed black; }
.imod_commSummaryWrapper table td.CommerceItem { width: 75%; padding-left: 50px; }
.imod_commSummaryWrapper table td.CommerceSubTotal { width: 25%; text-align: right; }
.imod_commSummaryWrapper table th.CommerceDescriptionHeader { width: 75%; border-bottom: 1px dashed black; }
.imod_commSummaryWrapper table th.CommerceSubTotalHeader { width: 25%; text-align: right; border-bottom: 1px dashed black; }
.imod_commSummaryWrapper .CharitableContributions { font-weight: normal; text-align: right; }
.imod_commSummaryWrapper .BillingBreakdown { margin-top: 10px; font-style: italic; }
.imod_commSummaryWrapper .BillingBreakdown > div { margin: 5px 0; }
.imod_commSummaryWrapper sup { font-weight: bold; font-style: normal !important; }
/* end ENC-11791 */


#divPayByCC .imod_fieldWrapper .imod_fieldLabel {}
#divPayByCC .imod_fieldWrapper .imod_fieldLabel[id*="tdCVV2"] { text-align: right; width: 12%;}
/*#divPayByCC .imod_fieldWrapper[id*="trCCType"] { display: none;}*/
#divPayByCC .imod_fieldWrapper small {display: block;}

.imod_summaryWrapper td.imod_billingSummary {}
.imod_summaryWrapper td.imod_billingSummary table {width:100%;}

.imod_billingSummary {padding:20px 0;}
.imod_billingSummary .imod_fieldLabel {font-weight:bold;}

.imod_formSummary {}

.imod_fieldWrapper .imod_ccWrapper input[type='text'],
.imod_fieldWrapper .imod_ccWrapper select {width:auto;}

.imod_billingSummary .imod_fieldWrapper:first-child {border:none;}
.imod_billingSummary .imod_fieldLabel {font-weight:bold; padding:0px;}
.imod_billingSummary .imod_fieldInput {padding:0px;}
.imod_billingSummary .imod_fieldWrapper {padding:10px 0;}

.imod_fieldWrapper .imod_fieldInput textarea, .imod_fieldWrapper .imod_fieldInput input[type='text'], .imod_fieldWrapper .imod_fieldInput select,
.imod_fieldWrapper .imod_col2 textarea, .imod_fieldWrapper .imod_col2 input[type='text'], .imod_fieldWrapper .imod_col2 select ,
.imod_fieldWrapper .imod_col3 textarea, .imod_fieldWrapper .imod_col3 input[type='text'], .imod_fieldWrapper .imod_col3 select,
.imod_fieldWrapper .imod_col4 textarea, .imod_fieldWrapper .imod_col4 input[type='text'], .imod_fieldWrapper .imod_col4 select {border:1px solid #ddd; -webkit-border-radius:3px; border-radius:3px; background: -moz-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); background: -webkit-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%);  background: -ms-linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); background: linear-gradient(bottom, rgb(245,245,245) 0%, rgb(255,255,255) 100%); -webkit-box-shadow:inset 1px 1px 0 #ddd; box-shadow:inset 1px 1px 0 #ddd; padding:5px; max-width:90%; height:auto;}

/*
TB - 6/12/23 - Causing issues with multi-select boxes on firefox and Edge where background no longer shows a selected option
.imod_fieldWrapper .imod_fieldInput select option,
.imod_fieldWrapper .imod_col2 select option,
.imod_fieldWrapper .imod_col3 select option,
.imod_fieldWrapper .imod_col4 select option {background:#fff;} */



.imod_formItemWrapper > table {float:left; width:100%; clear:both;}

.imod_RichPanelMain2 {background:none!important;}

/* Control Fixes for Scheduled Payments/Recurring Payments */
#tblScheduledPayments select, 
#tblScheduledPayments input,
#tblPerpetualGift select,
#tblPerpetualGift input {width:auto!important;}
/*#tblScheduledPayments span#lblPaymentDates,
#tblPerpetualGift span#lblPaymentDatesSubsequent {font-size:0.8em;}*/
#tblScheduledPayments span#spPaymentDates,
#tblPerpetualGift span#spNextPaymentDate {}

/* Custom Classes for Categories
---------------------------------------------*/
	/* Split 50 */
	.imod_categoryWrapper.split50 {width:50%; padding-right:4%;}
	.imod_categoryWrapper.split50.floatLeft {clear:left; float:left; padding-left:0; padding-right:2.75%;}
	.imod_categoryWrapper.split50.floatRight {float:right; padding-right:0; padding-left:4%;}
	/* Stacked */
	.imod_categoryWrapper.stacked .imod_fieldLabel, 
	.imod_categoryWrapper.stacked .imod_fieldInput {display: block;width: 100%;}
	/* Split 50 & Stacked */
	.imod_categoryWrapper.split50.stacked .imod_fieldWrapper {padding-top:0;}
	.imod_categoryWrapper.split50.stacked .imod_fieldWrapper > .imod_fieldInput input[type="text"] {width:95%;}
		/* Email field */
		.imod_categoryWrapper.stacked .textbox-confirm-label,
		.imod_categoryWrapper.stacked .login-password-box {width:100%;}
		.imod_categoryWrapper.stacked .imod_fieldWrapper.email > .imod_fieldLabel {display:none;}
		.imod_categoryWrapper.stacked .imod_fieldInput .login-password-box {padding-bottom:10px;}
	/* Divider line */
	.imod_formWrapper .imod_categoryWrapper.dividerLeft {border-left:1px solid #ccc; padding-left:4%;}
	.imod_formWrapper .imod_categoryWrapper.dividerRight {border-right:1px solid #ccc; padding-right:2.5%;}
	.imod_formWrapper .imod_categoryWrapper.dividerAbove {border-top:1px solid #ccc; padding-top:10px;}
	.imod_formWrapper .imod_categoryWrapper.dividerBelow {border-bottom:1px solid #ccc; padding-bottom:10px;}
	/* Padding Above and Below */
	.imod_categoryWrapper.paddingAbove {padding-top: 4em;}
	.imod_categoryWrapper.paddingBelow {padding-bottom: 4em;}
	/* Border and Background */
	.imod_formWrapper .imod_categoryWrapper.borderWrap {border: 1px solid #ccc; padding:2.5% 3%;}
	.imod_formWrapper .imod_categoryWrapper.borderRadius {border-radius:5px; -webkit-border-radius:5px;}
	.imod_formWrapper .imod_categoryWrapper.backgroundWrap {background: #ECECEC; padding:2.5% 3%;}
	/* Color Sections */
	.imod_categoryWrapper.colorCategory,
	.imod_categoryWrapper.colorCategory1,
	.imod_categoryWrapper.colorCategory2,
	.imod_categoryWrapper.colorCategory3,
	.imod_categoryWrapper.colorCategory4 {padding-left:30px; border-left-width:20px; border-left-style:solid;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.imod_categoryWrapper.colorCategory {border-left-color: #eee;}
	.imod_categoryWrapper.colorCategory1 {border-left-color: #d1d3d4;}
	.imod_categoryWrapper.colorCategory2 {border-left-color: #a7a9ac;}
	.imod_categoryWrapper.colorCategory3 {border-left-color: #808285;}
	.imod_categoryWrapper.colorCategory4 {border-left-color: #58595b;}


/* Custom Styles for PS Forms 
------------------------------------------------------*/

/* .stacked */
.imod_fieldWrapper.stacked .imod_fieldLabel,
.imod_fieldWrapper.stacked .imod_fieldInput {display:block; width:100%;}

/* no label */
.imod_fieldWrapper.noLabel { padding:0 0 10px;}
.imod_fieldWrapper.noLabel .imod_fieldLabel {display:none;}

/* 50/50 split */
.imod_fieldWrapper.split50 {width:50%;}
.imod_fieldWrapper.split50.floatLeft {float:left;clear:left;}
.imod_fieldWrapper.split50.floatRight {float:right;}
.imod_fieldWrapper.split50:nth-child(3n+1) {}

/* wide label - 70% */
.imod_fieldWrapper.label70 {}
.imod_fieldWrapper.label70 .imod_fieldLabel {width:70%;}
.imod_fieldWrapper.label70 .imod_fieldInput {width:30%;}

/* padded fields */
.imod_fieldWrapper.paddingAbove {padding-top:20px!important;}
.imod_fieldWrapper.paddingBelow {padding-bottom:20px!important;}

/* dividing lines */
.imod_fieldWrapper.dividerAbove {border-top:1px solid #ccc;}
.imod_fieldWrapper.dividerBelow {border-bottom:1px solid #ccc;}

/* checkbox on left, label on right */
.imod_fieldWrapper.checkboxLeft {padding-left:22px; position:relative;}
.imod_fieldWrapper.checkboxLeft .imod_fieldLabel {float:left; padding-right:0;width:100%}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput {width:20px!important; text-align:right; position:absolute; top:11px; left:0;}
.imod_fieldWrapper.checkboxLeft:first-child .imod_fieldInput {top: 0;}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput input {margin-right:10px;}
.imod_fieldWrapper.checkboxLeft .imod_fieldInput div.imod-series-field-list {float:none;}

/* don't do any custom styling on profiles! */
.imod-profile-wrapper .imod_fieldWrapper.stacked .imod_fieldLabel,
.imod-profile-wrapper .imod_fieldWrapper.label70 .imod_fieldLabel,
.imod-profile-wrapper .imod_fieldWrapper.noLabel .imod_fieldLabel {display:block;width:32%;}
.imod-profile-wrapper .imod_fieldWrapper.split50,
.imod-profile-wrapper .imod_fieldWrapper.split50.floatLeft,
.imod-profile-wrapper .imod_fieldWrapper.split50.floatRight {float:left; width:100%;clear:both;}


.imod-profile-wrapper .imod_fieldWrapper.stacked .imod_fieldInput,
.imod-profile-wrapper .imod_fieldWrapper.label70 .imod_fieldInput {width:68%; float:left;}

.imod-profile-wrapper .imod_fieldWrapper.dividerAbove,
.imod-profile-wrapper .imod_fieldWrapper.dividerBelow {border:none;}

/* STRIPE BUTTONS */
/* div[id*='BillingInformationASCX_AdditionalOptions_pnlButtons'] {display:flex;margin: 1.25rem 0 1.5rem;}
div[id*="BillingInformationASCX_AdditionalOptions_pnlButtons"] .button {background: none; color: inherit !important; margin: 0; padding: 0; border-radius: 0;} */

.StripeElement {
    margin-bottom: 10px;
}


/* -------------------------------------------------------------------------- */
/* Media Queries for Forms/Billing/Review
/* -------------------------------------------------------------------------- */

/* =============================================================================
   768px Grid
   ========================================================================== */

@media only screen and (min-width: 768px) and (max-width: 1001px){
	
	.imod_fieldWrapper {border:none; padding:10px 0;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}
	.imod_billingSummary .imod_CategoryWrapper {border-bottom:1px solid #ccc; padding:0; margin:0 0 10px;}

}
/* =============================================================================
   Less than 768px / iPhone landscape / android portrait
   ========================================================================== */
   
@media only screen and (max-width: 767px) {
	
	.imod_fieldWrapper .imod_fieldLabel {float:left;width:30%; font-size:1.1em; font-weight:400; padding:0 10px 0 0;}
	.imod_fieldWrapper .imod_fieldInput {float:left; width:60%; padding:0; display:block;}
	.imod_fieldWrapper .imod_fieldInput.idbmsInstanceFullRow {width:100%;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}

	.imod_billingSummary .imod_fieldWrapper:first-child {border:none;}
	.imod_billingSummary .imod_fieldLabel {font-weight:bold; padding:0px;}
	.imod_billingSummary .imod_fieldInput {padding:0px;}
	.imod_billingSummary .imod_fieldWrapper {padding:10px 0;}
	
	/* Custom Classes for Categories */
		/* Split 50 */
		.imod_categoryWrapper.split50,
		.imod_categoryWrapper.split50.floatLeft,
		.imod_categoryWrapper.split50.floatRight {width:100%; padding-left:0;padding-right:0;}
		/* Split 50 & Stacked */
		.imod_categoryWrapper.split50.stacked .imod_fieldWrapper {padding-top:15px;}
		/* Divider */
		.imod_formWrapper .imod_categoryWrapper.dividerLeft {border-left:none;}
		.imod_formWrapper .imod_categoryWrapper.dividerRight {border-right:none;}
		/* Email */
		.imod_categoryWrapper.stacked .imod_fieldWrapper.email .imod_fieldInput label.textbox-confirm-label {display:block;}
	
	
	/* Custom Styles for PS Forms 
	------------------------------------------------------*/
	/* no mobile border (bottom div) */
	.imod_fieldWrapper.noMobileBorder {border:none;}
	
	/* no label */
	.imod_fieldWrapper.noLabel { padding:0 0 10px;}
	
	/* 50/50 split */
	.imod_fieldWrapper.split50 {width:100%;}
	
	/* padded fields */
	.imod_fieldWrapper.paddingAbove {padding-top:4em;}
	.imod_fieldWrapper.paddingBelow {padding-bottom:4em;}
	
	/* dividing lines */
	.imod_fieldWrapper.dividerAbove {border-top:1px solid #ccc;}
	.imod_fieldWrapper.dividerBelow {border-bottom:1px solid #ccc;}
	
	/* checkbox on left, label on right */
	
	
	}

/* =============================================================================
   480px / iphone landscape
   ========================================================================== */
@media only screen and (max-width: 480px) and (max-device-width: 480px) {
	
	.imod_fieldWrapper .imod_fieldInput {width:100%;}
    .imod_formBillingWrapper .imod_fieldWrapper .imod_fieldInput {width:100%;}
	.imod_fieldWrapper .imod_fieldInput input[type='text'] {width:310px; }
    .imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:none;}
    .imod_fieldWrapper.noLabel .imod_fieldInput > div > div > label.textbox-confirm-label {display: block;}
	.imod_fieldWrapper .imod_fieldInput textarea {width:310px; padding:10px;}
	.imod_fieldWrapper .imod_fieldInput select {width:330px;}
	
	#ContentMiddle .error, 
	#ContentMiddle .Error {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;width:100%; margin:0 0 1em; font-size:0.7em; background-position:10px center;}
	
	}
/* =============================================================================
   Less than 480px / iphone portrait
   ========================================================================== */
@media only screen and (max-width: 479px) {
	
	.imod_fieldWrapper { border-bottom:1px solid #ccc; padding:15px 0;}
	/*.imod_fieldWrapper:first-child {border:none;}*/
	.imod_fieldWrapper.label70 .imod_fieldLabel,
	.imod_fieldWrapper .imod_fieldLabel {width:100%; display:block;}
	.imod_fieldWrapper.label70 .imod_fieldInput,
	.imod_fieldWrapper .imod_fieldInput {width:100%;}
    .imod_fieldWrapper .imod_fieldInput > div > div > label.textbox-confirm-label {display:none;}
    .imod_fieldWrapper.noLabel .imod_fieldInput > div > div > label.textbox-confirm-label {display: block;}
	.imod_fieldWrapper .imod_fieldInput input[type='text'],
	.imod_fieldWrapper .imod_col2 input[type='text'],
	.imod_fieldWrapper .imod_col3 input[type='text'],
	.imod_fieldWrapper .imod_col4 input[type='text'] {width:230px; }	
	.imod_fieldWrapper .imod_fieldInput textarea,
	.imod_fieldWrapper .imod_col2 textarea,
	.imod_fieldWrapper .imod_col3 textarea,
	.imod_fieldWrapper .imod_col4 textarea {width:230px; padding:10px;}
	.imod_fieldWrapper .imod_fieldInput table td input[type="text"] {width:200px!important;}
	.imod_fieldWrapper .imod_fieldInput select {width:250px; background:#f7f7f7; padding:5px;}
	.imod_fieldWrapper .imod_ccWrapper input[type='text'],
	.imod_fieldWrapper .imod_ccWrapper select {width:auto;}
	.imod_fieldWrapper .imod_fieldInput table td select {width:212px!important;}
	
	.imod_billingSummary .imod_fieldWrapper {padding:0px 0;}
	
	.imod_billingSummary .imod_CategoryWrapper {margin:0; border:none; margin:0;}
	.imod_billingSummary .imod_fieldLabel {padding:10px 0 3px; display:block;}
	.imod_billingSummary .imod_fieldInput {padding:0px 0 10px;display:block;}
	
	.imod_col4 {border:none; margin:0;}
	
	.imod_formSummary {float:left; width:100%;}
	.imod_formSummary .imod_fieldWrapper .imod_CategoryWrapper {margin:0; border:none;}
	.imod_formSummary .imod_formCategoryTitle {border-bottom: 1px solid #CCCCCC; float: left; font-size: 1.25em; font-weight: bold; padding: 30px 0 5px; text-transform: uppercase; width: 100%;}

	#ContentMiddle .error, 
	#ContentMiddle .Error {-webkit-box-sizing: border-box; -moz-box-sizing: border-box;  box-sizing: border-box;width:100%; margin:0 0 1em; font-size:0.7em; background-position:10px center;}
	
	.imod_fieldWrapper.checkboxLeft .imod_fieldInput {top:16px;}

    /* STRIPE BUTTONS */
    /* div[id*='BillingInformationASCX_AdditionalOptions_pnlButtons'] {flex-direction:column;} */

	
}
/* =============================================================================
   Retina Display 
   ========================================================================== */
@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	
}



/* =============================================================================
   On-Page Designation Display Styles - WCAG Release Oct 2019
   ========================================================================== */
#divDesignationsAdvancedSelect.wcagOnPageDesignations {}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper {
    max-width: 100%;
    float: none;
    clear: both;
    width: 100%;
    padding: 20px!important;
    border: 2px solid #eee;
    margin:15px 0 0!important;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations .header-section {
    display:block;
    padding:0 0px;
    overflow:hidden;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations .header-section h2 {
    margin: 0 0 5px;
    font-size:1.5em;
    line-height:1.1;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations .header-section .instruction-section {
    margin: 0;
    font-size: 1em;
    float:none;
    display:block;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations .header-section + br,
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section + br,
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.notification-section-top + br  {
    display: none;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section {
    padding: 1px 1px 10px 20px;
    margin:0;
    /*float:none;
    width:100%;*/
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section div.search-box {
    background:#eee;
    border-radius:0;
    border:1px solid #ccc;
    padding:0;
    position:relative;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section div.search-box #searchBox {
    margin: 0;
    padding: 0 45px 0 15px;
    height: 40px;
    width:100%;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section div.search-box #searchBox:focus {
    outline:2px solid #333;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.notification-section-top {
    float: right;
    display: block;
    margin: 10px 0 0;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper #main-section {
    border: none;
    background: #f6f6f6;
    padding: 20px;
    border: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom:20px;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper #main-section + br {
    display:none;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section div.search-box .search-icons {
    position: absolute;
    right: 10px;
    top: 11px;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset {
    margin: 0 0 15px;
    border:none;
    padding:0;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset legend {
    padding:0;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li {
    margin: 0;
    border: none;
    float: none;
    width: 100%;
    border-radius: 0;
    padding:7px 0;
    position:relative;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li + li {
    border-top: 2px solid #eee;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li.section.parent {
    padding-right: 30px;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li label {
    max-width: 100%;
    width:100%;
    margin: 0;
    padding: 0 0 0 25px;
    display:block;
    float:none;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li input[type="checkbox"] {
    position:relative;
    margin:0;
    top:7px;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.button-section {
    display:block;
    padding:0;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.button-section .button {
    margin-top:0;
    margin-bottom:0;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper .main-section div.arrow {
    float: right;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 5px;
    width: 20px;
    text-align: center;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li.section ul.sub-section {
    float:none;
    margin: 0;
    padding: 0px 0 0px 22px;
}
#divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.main-section fieldset ul li.section ul.sub-section li.child {
    max-width: 100%;
    margin: 0;
    float: none;
}
@media screen and (max-width:700px) {
    #divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper {
        padding:15px!important;
    }
    #divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.search-section {
        width:100%;
        margin:0 0 15px;
        padding:1px;
    }
    #divDesignationsAdvancedSelect.wcagOnPageDesignations .header-section h2 {
        clear:both;
    }
    #divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper div.notification-section-top {
        float:none;
        margin:-10px 0 10px;
    }
    #divDesignationsAdvancedSelect.wcagOnPageDesignations div.imod_designations_wrapper #main-section {
        padding:15px;
    }
}

/* 2020 HEP Details */
.imod-hep-details {
    padding: 0;
    list-style: none;
    margin: 30px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.imod-hep-details li {
    width: 50%;
}
.imod-hep-details li:nth-last-child(1), 
.imod-hep-details li:nth-last-child(2) {
    width: 100%;
}
.imod-hep-details li .imod-hep-label {
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}
.imod-hep-details li .imod-hep-data {
	display:block;
	margin-bottom:10px;
	line-height: 1.5;
}
.imod-hep-details li .imod-hep-data ul {
	margin:0;
	padding:0;
	list-style:none;
}
.imod-hep-details li .imod-hep-data ul li + li {
	margin-top:10px;
}
@media screen and (max-width:500px) {
	.imod-hep-details li {width:100%;}
}

/* Default Activity Card Styling */
.imod-activityCard {
    display: flex;
    border: 1px solid rgb(0, 0, 0);
    border-left-width: 20px;
    border-radius: 4px;
    box-shadow: 8px 8px rgba(0, 0, 0, 0.15);
    padding: 0 10px 10px 20px;
}

.imod-activityCard > .imod_fieldWrapper {
    flex-basis: 60%;
    margin-top: 10px;
}

.imod-activityCard > .imod-activity-attendee-list {
    flex-basis: 40%;
}

.imod-activityCard .idbmsActivityCategoryAttendeeWrapperChecked {
    background-color: transparent; 
}

.imod-activityCard > .imod-activity-attendee-list .idbmsActivityCategoryCheckbox label {
    margin-left: 7px;
}

@media screen and (max-width: 699px) {
    .imod-activityCard {
        flex-direction: column;
    }

    .imod-activityCard > .imod_fieldWrapper {
        flex-basis: unset;
    }

    .imod-activityCard > .imod-activity-attendee-list {
        flex-basis: unset;
    }
}

.imod-activityCard.colorCategory1 {
    border-color: var(--colorCategory1, #bf4040) !important;
}

.imod-activityCard.colorCategory2 {
    border-color: var(--colorCategory2, #bfbf40) !important;
}

.imod-activityCard.colorCategory3 {
    border-color: var(--colorCategory3, #40bf40) !important;
}

.imod-activityCard.colorCategory4 {
    border-color: var(--colorCategory4, #40bfbf) !important;
}

.imod-activityCard.colorCategory5 {
    border-color: var(--colorCategory5, #4040bf) !important;
}
/* End Default Activity Card Styling */