@import url(/s/resources/css/appstyles.css);
@import url(/s/resources/fonts/fontawesome-4.0.3/css/font-awesome.css);

/* General Style
---------------------------------------------*/
body {font-family:Verdana, Arial, sans-serif; font-size:15px; line-height:22px; color:#4f4f4f;}
#PageTitle, .PageTitleHeader { display:none;}
a { color: #2A417A;  }
a:hover { color: #2A417A;}
a:visited{color: #2A417A;}
img {max-width:100%;}
img.left{float:left;margin:0 7px 1px 0;}
img.right{float:right;margin:0 0 7px 7px;}
img.outline{border:4px solid #333;}

.clearing{clear:both;height:0;margin:0;padding:0;line-height:0;margin-top:-7px;}
.clearBoth{clear:both;}
.clearRight{clear:right;}
.clearLeft{clear:left;}
.invisibleButAccessible{display:none;}

.idbmsBreadcrumbSeparator {color:#7C7C7C !important;}
.expand img {background: none !important;}
.expand {background: none !important;}
.Error,.error {width:auto!important}

.mobile {display:none;}

img[src="/images/icons/v2/common/brick_edit.gif"],
img[src="/images/icons/v2/common/delete.gif"],
img[src="/images/icons/v2/common/arrow_out.gif"],
img[src="/images/e.gif"],
img[src="/images/spacer.gif"],
img[src="/images/icons/v2/bomb.png"] {border:0!important; padding:0!important; margin:0!important; float:none!important; width:16px!important; height:16px!important}

footer img[src="/images/spacer.gif"],
.mastWrap img[src="/images/spacer.gif"] {display:none;}

/* HEAD ELEMENTS
---------------------------------------------*/
#ContentMemberTools {}
#ContentMemberTools ul {list-style:none;margin:0;padding:0;float:right;}
#ContentMemberTools li {float:left;padding:0 0px 0 20px;}
#ContentMemberTools li:first-child {}
#ContentMemberTools a {display:block;}

#ContentMiddleLayoutHeader img {max-width:100%; height:auto !important;}

/* MAIN TOP HORIZONTAL NAV
---------------------------------------------*/

/* LEFT COLUMN
---------------------------------------------*/

/* BODY ELEMENTS
---------------------------------------------*/

/* Form Stuff */
#ContentMiddle input[type="text"],
#ContentMiddle input[type="password"] {line-height:inherit; font-size:100%;border-radius:2px; border: solid 1px #ccc;  background-color: #f5f5f5; box-shadow: inset 0 2px 3px rgba(0,0,0,0.2); font-family:Verdana, Arial, sans-serif;color:#4f4f4f; float:none;}
#ContentMiddle input[id$="_btnLogin"] {width:auto !important;}
#ContentMiddle input[type="checkbox"] {height:auto;}
#ContentMiddle select {padding-right:25px;}
#ContentMiddle  textarea {background:#fff; box-shadow:none; -webkit-box-shadow:none; border:1px solid #bbb;}
#ContentMiddle label {margin:0;}
#ContentMiddle .imod_fieldWrapper {padding:1px 0; display:table}
#ContentMiddle .idbmsCampaignDesignationHeader, #ContentMiddle .idbmsCampaignPaymentOptionsHeader {color:#2A417A; font-family:"myriad-pro",helvetica,sans-serif; font-size:22px; font-weight:300;}
#ContentMiddle .EventsHeader {font-family:"myriad-pro",helvetica,sans-serif;margin:0; background:none; border:none; padding:0; font-size:15px;}
#ContentMiddle .EventsHeader td {width:auto !important}
#ContentMiddle .EventsHeader .expand img {float:left; margin:0 10px 0 30px;}
#ContentMiddle .EventsHeader .expand .text {padding-top:8px; color:#2A417A; font-size:14px; display:block; }
#ContentMiddle .imod_fieldWrapper .EventsHeader {	font-family:Georgia,serif;font-size:28px;color:#2a417a;font-weight:normal;margin:0;line-height:48px; background:none; border:none; padding:0;}
#ContentMiddle .idbmsBreadcrumb {color:#7C7C7C;}
#ContentMiddle .idbmsBreadcrumbActive {font-size:100%; color:#000;}
#ContentMiddle .login-password-box {width:100%;}
#ContentMiddle div[id*="_pnl"] table {width:100%;}
div[id*="_pnl"] td[id*="tdSearchLabel"] {text-align:left !important; color:#4F4F4F; font-size:16px; line-height:28px; margin:12px 0; font-weight:bold; max-width:12em;}
select[multiple="multiple"] {background-position:left bottom;height:auto; width:auto; min-width:12em;}
#ContentMiddle .imod_fieldWrapper .imod_fieldLabel {padding-top:14px; display:table-cell; float:none; vertical-align:middle;}
#ContentMiddle .imod_fieldWrapper.topAlign .imod_fieldLabel { vertical-align: top;}
div.imod-payment-options-indented-elements {clear:both;}
#ContentMiddle .imod_fieldWrapper .imod_fieldInput {float:none;}
#ContentMiddle .imod_fieldWrapper .idbmsInstanceColumnInput {float:left; display:table-cell; float:none; vertical-align:middle;}
#ContentMiddle .imod_ccWrapper .imod_fieldWrapper .imod_fieldInput {float:left;}
#ContentMiddle .imod_ccWrapper select {width:auto;}
#ContentMiddle select[multiple="multiple"] {background:none;}
#ContentMiddle .Success,
#ContentMiddle .success {width:auto;}
#ContentMiddle .idbmsCampaignDesignationItem td,
#ContentMiddle .idbmsCampaignDesignationAltItem td {vertical-align:middle !important;}
#ContentMiddle #lblHowOften{float:left; display:block; margin-right:7px;}
.radioMove br { display: none;}
.radioMove .imod-series-field-list > span > span { float: left; width: 50%; display: block;}
.radioMove .imod-series-field-required { display: none;}

/* Fix select boxes in firefox */
@-moz-document url-prefix() {
    #ContentMiddle select {/*padding:10px 5px; height:auto;*/ -moz-appearance:none;}
}

/* Identity Checkpoint */
#MainWrapper div.icp-match-header {border:none; box-shadow:none;}


/* Designations */
div.imod_designations_wrapper div.search-section input {height:auto; padding:0; margin:0;}
.imod_designations_wrapper input[type="checkbox"] + label:before {display:none;}
.imod_designations_wrapper input[type="radio"], .imod_designations_wrapper input[type="checkbox"] {position:static; left:auto;}
#MainBody div.imod_designations_wrapper div.main-section fieldset ul li.section input {height:auto; margin:5px 8px 5px 0;}
.imod_designations_wrapper label {line-height:20px;}
#ContentMiddle .idbmsCampaignDesignations input,
#ContentMiddle input[type="text"][title*="Donation"] { width:170px !important}

/* Billing Page */
#ContentMiddle .imod_fieldWrapper .EventsHeader .billingHeader {font-family:Verdana,Arial,sans-serif; font-size:14px; font-weight:bold; color:#4F4F4F;}
#ContentMiddle span[id$="_lblFullName2"] {display:block;font-size:0.875em;}
#ContentMiddle .imod_fieldWrapper div[id$="_trCCExpirationDate"] {display:block;}
#ContentMiddle .imod_fieldWrapper div[id$="tdCCExpirationDate"] {float:left; display:block; padding-right:0;}
#ContentMiddle .imod_fieldWrapper div[id$="_tdCVV2"] {clear:both; display:block; float:left;padding-right:0;}
#ContentMiddle .imod_fieldWrapper div[id$="_tdCVV2"] div {text-align:left !important;}

/* RIGHT COLUMN
---------------------------------------------*/

/* Footer Elements
---------------------------------------------*/
footer p {line-height:normal;}
footer a {color:#e2963e}
#ContentMiddleLayoutFooter {display:none; min-height:100px; margin-top:50px; margin-bottom:50px; background:#395084; text-align:center; color:#fff; font-size:16px; line-height:40px;}

footer .footer {
    min-height:15px;
    width:90%;
    margin:0 auto;
    padding: 40px 5% 30px;
    background:#395084;
    font-family:Arial;
      font-size:13px;
    color:#ffffff;
    text-align:center;
}

div.imod-series-field-list {max-width: 97% !important;}

/* DONATION FORM (index.aspx) */
/* form customizations 2018 */
body.IMOD19701 *,
body.IMOD19701 section p {box-sizing:border-box;font-family:"Work Sans", sans-serif!important;}
body.IMOD19701 .fa {font-family:"FontAwesome"!important;}
body.IMOD19701 #ContentMiddle label {font-family: "Work Sans", sans-serif !important;}
body.IMOD19701 header {background-color:#232d4b;padding:20px 0;}
body.IMOD19701 #top-banner, 
body.IMOD19701 #ContentMiddleLayoutHeader {background:transparent!important;margin-top:0!important;}
body.IMOD19701 #main {background-image:url(https://securelb.imodules.com/s/1535/images/gid16/editor/dev_advancement_community/rotunda-in-spring.jpg);background-size:100%; background-repeat:no-repeat; background-position:top center; max-width:100%; width:100%;padding:40px 0;}
body.IMOD19701 #main .wrapper {background: rgba(255,255,255,0.9);padding: 80px 40px 40px;position:relative;}
body.IMOD19701 #main > .wrapper > section { padding: 0;}

/* breadcrumb styling */
body.IMOD19701 div[id*="pnlBreadcrumbs"] {position: absolute;top: 0;left: 0;background: #141e3c;width: 100%;padding: 0;font-size: 12px;color: #fff;display: flex;justify-content: space-around;line-height: 1em;align-items: center;}
body.IMOD19701 div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbSeparator {color:#ccc!important;display:none;}
body.IMOD19701 #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb {color:#ccc;}
body.IMOD19701 #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive { color: #232D4B;background:#f3f3f3;}

body.IMOD19701 div[id*="pnlBreadcrumbs"] > * {flex: 1;justify-content: center;align-content: center;text-align: center;padding:10px;font-weight:600;text-transform:uppercase;font-size:inherit;}

/* amount box */
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox {text-align:center; padding: 0 0 10px!important;}
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {display: inline-block; float: none; font-size: 2em; font-weight: bold; width: auto;line-height:55px;padding-right:20px;padding-top:0;}
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox .imod_fieldLabel label {font-size: inherit; line-height: 55px; padding: 0;font-weight:600;}
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput {display: inline-block; float: none; width: auto;position:relative;}
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput span[id*='lblDollarSign'] {position:absolute; top:0; left:15px;font-size:22px;margin-top:0;line-height:55px;}
body.IMOD19701 #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput input {height:55px;font-size:26px; line-height:1em; padding-top:0; padding-bottom:0;padding-left:35px;border-color:#c9c9c8;font-weight:600;width:200px;margin-top:0;}

/* giving options */
body.IMOD19701 .imod-payment-options {float:left; width:100%;text-align:center;margin:0px 0 40px;position:relative;min-height:45px;}
body.IMOD19701 .imod-payment-options > div {display:block;}
/* .imod-payment-options-scheduled-payments {display: none!important;} */
body.IMOD19701 .imod-payment-options > div.imod-payment-options-pay-now > label{left:0;}
body.IMOD19701 .imod-payment-options > div.imod-payment-options-scheduled-payments > label{left:33.33336%;}
body.IMOD19701 .imod-payment-options > div.imod-payment-options-perpetual-payments > label{right:0;}
body.IMOD19701 .imod_fieldWrapper .imod-payment-options > div > label {width:33.33333%;cursor:pointer;transition:all 200ms ease; position:absolute; top:0;font-size:0.95em;line-height:45px;padding:0 15px;background:#dddddd;display:block; font-weight:600; color:#a6a6a6; text-align:center; text-transform:uppercase;}
body.IMOD19701 .imod_fieldWrapper .imod-payment-options > div > label:hover {background:#ccc; color:#333;}
body.IMOD19701 .imod-payment-options > div > input {position: absolute;top: -9999em;left: -9999em;overflow: hidden;width: 0;height: 0;}
body.IMOD19701 .imod-payment-options > div > input:focus + label {outline:2px solid #333; z-index:10;}
body.IMOD19701 .imod-payment-options > div > input:checked + label {background:#EB5F0C;color:#fff; }
body.IMOD19701 .imod-payment-options > div > input:checked + label:hover {background:#EB5F0C;color:#fff;}
body.IMOD19701 .imod-payment-options > div > input + label:before {content: ""; display: none !important;}

body.IMOD19701 #lblPaymentDatesSubsequent span {font-size: 14px !important;}

body.IMOD19701 .imod_RichPanelContent2 input[id$="btnCMS"] {display: none;}

body.IMOD19701 .imod-payment-options .imod-payment-options-payment-control { margin-left: 0; margin-top: 45px;text-align:left;}
body.IMOD19701 .imod-payment-options .imod-payment-options-payment-control fieldset {border: medium none; margin: 0 !important; padding: 15px 30px;background: #fff; border: 4px solid #EB5F0C;}
body.IMOD19701 .imod-payment-options .imod-payment-options-payment-control fieldset legend {display: none;}
body.IMOD19701 .imod-payment-options div.imod-payment-options-payment-control div, 
body.IMOD19701 .imod-payment-options div.imod-payment-options-summary-control div {margin:5px 0;}
body.IMOD19701 #tblScheduledPayments span#lblPaymentDates, #tblPerpetualGift span#lblPaymentDatesSubsequent {display: inline-block; font-size: 1em !important; font-style: italic; padding: 10px 0 20px;}
body.IMOD19701 #tblPerpetualGift span#lblPaymentDatesFirst {display: block; padding: 0 0 15px;}
body.IMOD19701 #tblPerpetualGift span#lblStartDay {color: #999;font-size: 0.95em; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase;}
body.IMOD19701 #tblScheduledPayments span#spPaymentDates, 
body.IMOD19701 #tblPerpetualGift span#spNextPaymentDate {color: #3E3D3C; font-weight: bold;}
body.IMOD19701 #tblScheduledPayments select, #tblScheduledPayments input, 
body.IMOD19701 #tblPerpetualGift select, #tblPerpetualGift input {width:auto!important; min-width:auto!important;}

body.IMOD19701 #ContentMiddle select {float:none;}

body.IMOD19701 #ContentMiddle .idbmsCampaignDesignationHeader, 
body.IMOD19701 #ContentMiddle .idbmsCampaignPaymentOptionsHeader {font-family:"Work Sans",sans-serif!important;text-transform:uppercase;}
body.IMOD19701 #ContentMiddle .radio-button-list-designations-fieldset {margin: 0 0 40px;clear: both;}
body.IMOD19701 #ContentMiddle .radio-button-list-designations-fieldset label {font-weight: 600;font-size: 20px;}

body.IMOD19701 #ContentMiddle table.EventsHeader > tbody {display:block;}
body.IMOD19701 #ContentMiddle table.EventsHeader > tbody > tr {display: flex;justify-content: space-between;width: 100%;align-items: center;}
body.IMOD19701 #ContentMiddle table.EventsHeader > tbody > tr > td:first-child {order:2;width: 100% !important;padding-left: 20px;}
body.IMOD19701 #ContentMiddle table.EventsHeader > tbody > tr > td:last-child {order: 1;width: 50px !important;}
body.IMOD19701 #ContentMiddle table.EventsHeader tbody tr td {font-family: "Work Sans",sans-serif !important;text-transform: uppercase !important;font-size: 1.5em;font-weight: bold;}
body.IMOD19701 #ContentMiddle .imod_fieldWrapper .EventsHeader {text-transform:uppercase;}


/* designations window */
body.IMOD19701 .fancybox-skin {border-radius: 0; padding: 30px !important;}
body.IMOD19701 .fancybox-wrap { width: 750px !important; max-width: 90%;}
body.IMOD19701 .fancybox-inner {max-width: 100%;height:auto!important;}
body.IMOD19701 .fancybox-inner div.imod_designations_wrapper span.instruction-section {font-size: 1em;}
body.IMOD19701 .fancybox-inner div.imod_designations_wrapper {max-width:98%;}
body.IMOD19701 div.imod_designations_wrapper div.header-section h1 {font-size: 1.5em;font-weight: bold;text-transform: uppercase;}
body.IMOD19701 div.imod_designations_wrapper .main-section fieldset legend a {text-transform:uppercase;}
body.IMOD19701 div.imod_designations_wrapper div#main-section fieldset ul li.parent {width: 100%;border: none;border-bottom: 1px solid #ccc;border-radius: 0;padding: 0 0 10px;margin: 0 0 10px;}
body.IMOD19701 div.imod_designations_wrapper div#main-section fieldset ul li.parent:last-child {border-bottom:none;}
body.IMOD19701 div.imod_designations_wrapper div#main-section fieldset ul li.parent label {max-width:90%; display:block;}
body.IMOD19701 div.imod_designations_wrapper div#main-section fieldset ul {padding-top:5px;}
#MainBody.IMOD19701 div.imod_designations_wrapper div.main-section fieldset ul li.section input {margin: 2px 10px 0 0;}
#MainBody.IMOD19701 div.imod_designations_wrapper div.main-section fieldset ul li.section label {line-height: normal;margin: 0;font-family: "Work Sans",sans-serif !important;letter-spacing: -0.25px;}

body.IMOD19701 #divButtons .button,
body.IMOD19701 div.imod_designations_wrapper div.button-section input {background: #EB5F0C;box-shadow: none;border-radius: 0;border: none;color: #fff;text-shadow: none;text-transform: uppercase;font-weight: bold;  font-size: 1.3em;line-height: normal;padding: 10px 30px;display: inline-block;margin: 0 10px 10px 0;height: auto;border:2px solid transparent;}
body.IMOD19701 #divButtons .button:hover,
body.IMOD19701 #divButtons .button:focus,
body.IMOD19701 div.imod_designations_wrapper div.button-section input:hover,
body.IMOD19701 div.imod_designations_wrapper div.button-section input:focus {color: #eb5f0c;border-color: #eb5f0c;background: #fff;}

body.IMOD19701 input[type="radio"]:focus + label,
body.IMOD19701 input[type="checkbox"]:focus + label {outline: 1px solid orange;}

body.IMOD19701 .error, body.IMOD19701 .Error {margin-bottom: 30px !important;clear: both;font-size: 1em;font-weight: 600;}

@media screen and (max-width:767px) {
    body.IMOD19701 header {text-align:center; padding:15px;}
    body.IMOD19701 #main {padding:0;background-image:none;}
    body.IMOD19701 #main .wrapper {padding:60px 15px 15px;width:100%; background:#fff;}
    body.IMOD19701 .imod_fieldWrapper .imod-payment-options > div > label { width: 100%; display: block; position: static;  }
    body.IMOD19701 .imod_fieldWrapper .imod-payment-options > div > label:nth-child(2) { margin-top: 1px; margin-bottom: 1px;  }
    body.IMOD19701 .imod-payment-options .imod-payment-options-payment-control { margin-top: 0;}
}

/* DONATION FORM ITERATION (giving.aspx) */
/* form customizations 2018 */
body.giving *,
body.giving section p {box-sizing:border-box;font-family:"Work Sans", sans-serif!important;}
/* MAINT 158757 DT 09242020 */
body.giving .fa {font-family:"Font Awesome 5 Free" !important;}
body.giving #ContentMiddle label {font-family: "Work Sans", sans-serif !important;}
body.giving header {background-color:#232d4b;padding:20px 0;}
body.giving #top-banner, 
body.giving #ContentMiddleLayoutHeader {background:transparent!important;margin-top:0!important;}
body.giving #main {
    /* background-image:url(https://securelb.imodules.com/s/1535/images/gid16/editor/dev_advancement_community/rotunda-in-spring.jpg); */
        
    background-size:100%; background-repeat:no-repeat; background-position:top center; max-width:100%; width:100%;padding:40px 0;}
body.giving #main .wrapper {background: rgba(255,255,255,0.9);padding: 40px 40px 40px;position:relative; border: 2px solid #232d4b;
}
body.giving #main > .wrapper > section { padding: 0;}

/* breadcrumb styling */
body.giving div[id*="pnlBreadcrumbs"] {position: absolute;top: 0;left: 0;background: #141e3c;width: 100%;padding: 0;font-size: 12px;color: #fff; /*display: flex;*/ display: none; justify-content: space-around;line-height: 1em;align-items: center;}
body.giving div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbSeparator {color:#ccc!important;display:none;}
body.giving #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumb {color:#ccc;}
body.giving #ContentMiddle div[id*="pnlBreadcrumbs"] .idbmsBreadcrumbActive { color: #232D4B;background:#f3f3f3;}

body.giving div[id*="pnlBreadcrumbs"] > * {flex: 1;justify-content: center;align-content: center;text-align: center;padding:10px;font-weight:600;text-transform:uppercase;font-size:inherit;}

/* amount box */
body.giving #main .imod_fieldWrapper.giftAmountBox {text-align:center; padding: 0 0 10px!important;}
body.giving #main .imod_fieldWrapper.giftAmountBox .imod_fieldLabel {display: inline-block; float: none; font-size: 2em; font-weight: bold; width: auto;line-height:55px;padding-right:20px;padding-top:0;}
body.giving #main .imod_fieldWrapper.giftAmountBox .imod_fieldLabel label {font-size: inherit; line-height: 55px; padding: 0;font-weight:600;}
body.giving #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput {display: inline-block; float: none; width: auto;position:relative;}
body.giving #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput span[id*='lblDollarSign'] {position:absolute; top:0; left:15px;font-size:22px;margin-top:0;line-height:55px;}
body.giving #main .imod_fieldWrapper.giftAmountBox .imod_fieldInput input {height:55px;font-size:26px; line-height:1em; padding-top:0; padding-bottom:0;padding-left:35px;border-color:#c9c9c8;font-weight:600;width:200px;margin-top:0;}

/* giving options */
body.giving .imod-payment-options {float:left; width:100%;text-align:center;margin:0px 0 40px;position:relative;min-height:45px;}
body.giving .imod-payment-options > div {display:block;}
/* .imod-payment-options-scheduled-payments {display: none!important;} */
body.giving .imod-payment-options > div.imod-payment-options-pay-now > label{left:0;}
body.giving .imod-payment-options > div.imod-payment-options-scheduled-payments > label{left:33.33336%;}
body.giving .imod-payment-options > div.imod-payment-options-perpetual-payments > label{right:0;}
body.giving .imod_fieldWrapper .imod-payment-options > div > label {width:33.33333%;cursor:pointer;transition:all 200ms ease; position:absolute; top:0;font-size:0.95em;line-height:45px;padding:0 15px;background:#232d4b;display:block; font-weight:600; color:#fff; text-align:center; text-transform:uppercase;}
body.giving .imod_fieldWrapper .imod-payment-options > div > label:hover {background:#E57200; color:#fff;}
body.giving .imod-payment-options > div > input {position: absolute;top: -9999em;left: -9999em;overflow: hidden;width: 0;height: 0;}
body.giving .imod-payment-options > div > input:focus + label {outline:2px solid #333; z-index:10;}
body.giving .imod-payment-options > div > input:checked + label {background:#E57200;color:#fff; }
body.giving .imod-payment-options > div > input:checked + label:hover {background:#E57200;color:#fff;}
body.giving .imod-payment-options > div > input + label:before {content: ""; display: none !important;}

body.giving #lblPaymentDatesSubsequent span {font-size: 14px !important;}

body.giving .imod_RichPanelContent2 input[id$="btnCMS"] {display: none;}

body.giving .imod-payment-options .imod-payment-options-payment-control { margin-left: 0; margin-top: 45px;text-align:left;}
body.giving .imod-payment-options .imod-payment-options-payment-control fieldset {border: medium none; margin: 0 !important; padding: 15px 30px;background: #fff; /* border: 4px solid #EB5F0C; */}
body.giving .imod-payment-options .imod-payment-options-payment-control fieldset legend {display: none;}
body.giving .imod-payment-options div.imod-payment-options-payment-control div, 
body.giving .imod-payment-options div.imod-payment-options-summary-control div {margin:5px 0;}
body.giving #tblScheduledPayments span#lblPaymentDates, #tblPerpetualGift span#lblPaymentDatesSubsequent {display: inline-block; font-size: 1em !important; font-style: italic; padding: 10px 0 20px;}
body.giving #tblPerpetualGift span#lblPaymentDatesFirst {display: block; padding: 0 0 15px;}
body.giving #tblPerpetualGift span#lblStartDay {color: #999;font-size: 0.95em; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase;}
body.giving #tblScheduledPayments span#spPaymentDates, 
body.giving #tblPerpetualGift span#spNextPaymentDate {color: #3E3D3C; font-weight: bold;}
body.giving #tblScheduledPayments select, #tblScheduledPayments input, 
body.giving #tblPerpetualGift select, #tblPerpetualGift input {width:auto!important; min-width:auto!important;}

body.giving #ContentMiddle select {float:none;}

body.giving #ContentMiddle .idbmsCampaignDesignationHeader, 
body.giving #ContentMiddle .idbmsCampaignPaymentOptionsHeader {font-family:"Work Sans",sans-serif!important;text-transform:uppercase;}
body.giving #ContentMiddle .radio-button-list-designations-fieldset {margin: 0 0 40px;clear: both;}
body.giving #ContentMiddle .radio-button-list-designations-fieldset label {font-weight: 600;font-size: 20px;}

body.giving #ContentMiddle table.EventsHeader > tbody {display:block;}
body.giving #ContentMiddle table.EventsHeader > tbody > tr {display: flex;justify-content: space-between;width: 100%;align-items: center;}
body.giving #ContentMiddle table.EventsHeader > tbody > tr > td:first-child {order:2;width: 100% !important;padding-left: 20px;}
body.giving #ContentMiddle table.EventsHeader > tbody > tr > td:last-child {order: 1;width: 50px !important;}
body.giving #ContentMiddle table.EventsHeader tbody tr td {font-family: "Work Sans",sans-serif !important;text-transform: uppercase !important;font-size: 1.5em;font-weight: bold;}
body.giving #ContentMiddle .imod_fieldWrapper .EventsHeader {text-transform:uppercase;}

body.giving #ContentMiddle .text .fa-check-square { color: #E57200;}
body.giving #ContentMiddle .text .fa { font-size: 1.5em;}

/* designations window */
body.giving .fancybox-skin {border-radius: 0; padding: 30px !important;}
body.giving .fancybox-wrap { width: 750px !important; max-width: 90%;}
body.giving .fancybox-inner {max-width: 100%;/*height:auto!important;*/}
body.giving .fancybox-inner div.imod_designations_wrapper span.instruction-section {font-size: 1em;}
body.giving .fancybox-inner div.imod_designations_wrapper {max-width:98%;}
body.giving div.imod_designations_wrapper div.header-section h1 {font-size: 1.5em;font-weight: bold;text-transform: uppercase;}
body.giving div.imod_designations_wrapper .main-section fieldset legend a {text-transform:uppercase;}
body.giving div.imod_designations_wrapper div#main-section fieldset ul li.parent {width: 100%;border: none;border-bottom: 1px solid #ccc;border-radius: 0;padding: 0 0 10px;margin: 0 0 10px;}
body.giving div.imod_designations_wrapper div#main-section fieldset ul li.parent:last-child {border-bottom:none;}
body.giving div.imod_designations_wrapper div#main-section fieldset ul li.parent label {max-width:90%; display:block;}
body.giving div.imod_designations_wrapper div#main-section fieldset ul {padding-top:5px;}
#MainBody.giving div.imod_designations_wrapper div.main-section fieldset ul li.section input {margin: 2px 10px 0 0;}
#MainBody.giving div.imod_designations_wrapper div.main-section fieldset ul li.section label {line-height: normal;margin: 0;font-family: "Work Sans",sans-serif !important;letter-spacing: -0.25px;}

body.giving #divButtons .button,
body.giving div.imod_designations_wrapper div.button-section input {background: #EB5F0C;box-shadow: none;border-radius: 0;border: none;color: #fff;text-shadow: none;text-transform: uppercase;font-weight: bold;  font-size: 1.3em;line-height: normal;padding: 10px 30px;display: inline-block;margin: 0 10px 10px 0;height: auto;border:2px solid transparent;}
body.giving #divButtons .button:hover,
body.giving #divButtons .button:focus,
body.giving div.imod_designations_wrapper div.button-section input:hover,
body.giving div.imod_designations_wrapper div.button-section input:focus {color: #eb5f0c;border-color: #eb5f0c;background: #fff;}

body.giving input[type="radio"]:focus + label,
body.giving input[type="checkbox"]:focus + label {outline: 1px solid orange;}

body.giving .error, body.giving .Error {margin-bottom: 30px !important;clear: both;font-size: 1em;font-weight: 600;}

body.giving .radio-button-list-designations-fieldset input[type="radio"] + label::before { 
    content: none;
  }

body.giving .radio-button-list-designations-fieldset table,
body.giving .radio-button-list-designations-fieldset tr,
body.giving .radio-button-list-designations-fieldset td,
body.giving .radio-button-list-designations-fieldset tbody
 { display: block;}

body.giving .radio-button-list-designations-fieldset label { 
    border: 1px solid #232D4B;
    padding: 12px;
    background: #E57200;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    display: inline-block;
    transition: all 400ms;
}
body.giving .radio-button-list-designations-fieldset label:hover {
    cursor: pointer; 
    background: #fff; 
    color: #E57200;
}

@media screen and (max-width:767px) {
    body.giving header {text-align:center; padding:15px;}
    body.giving #main {padding:0;background-image:none;}
    body.giving #main .wrapper {padding:60px 15px 15px;width:100%; background:#fff;}
    body.giving .imod_fieldWrapper .imod-payment-options > div > label { width: 100%; display: block; position: static;  }
    body.giving .imod_fieldWrapper .imod-payment-options > div > label:nth-child(2) { margin-top: 1px; margin-bottom: 1px;  }
    body.giving .imod-payment-options .imod-payment-options-payment-control { margin-top: 0;}
}

/*
---------------------------------------------
---------------------------------------------
   MEDIA QUERIES
---------------------------------------------
---------------------------------------------
*/

/* =============================================================================
   Desktop Only
   ========================================================================== */

@media only screen and (min-width: 1001px){
/* Styles */

}


/* =============================================================================
   750px
   ========================================================================== */
@media only screen and (max-width: 750px) {
    /* Styles */
    #ContentMiddle .imod_fieldWrapper .imod_fieldLabel {display:block; width:100%; padding-top:0;}
    #ContentMiddle .imod_fieldWrapper .idbmsInstanceColumnInput {display:block;}
    #divLogin input[type="text"],
    #divLogin input[type="password"] {width:100%; margin-bottom:0;}
    #ContentMiddle textarea {width:185px;}

    .ContactUs td {float:left; width:74%;}
    .ContactUs td:first-child {width:23%; padding-right:2%;}


}

/* =============================================================================
   480px
   ========================================================================== */
@media only screen and (max-width: 480px) {
    /* Fix for multiple payments */
    #ContentMiddle div.imod-scheduled-payments-amount-settings {width:100%; margin-bottom:20px;}
    #ContentMiddle .imod-scheduled-payments-amount-settings td {float:left;}
    #ContentMiddle .imod-scheduled-payments-amount-settings tr:nth-child(3) td {float:none}
    #ContentMiddle .imod-payment-options-indented-elements #lblPaymentDates > span {white-space: normal !important;}
    #ContentMiddle .imod-scheduled-payments-extra-settings label {float:left; width:auto;}
    #ContentMiddle .imod-scheduled-payments-extra-settings input[type="text"] {margin-bottom:5px;}
    #ContentMiddle span[id$="_lblHowOften"] {float:left; clear:left; margin-right:10px}

    #ContentMiddle .imod_fieldWrapper {border:none;}

    .mobile {display:block;}
    .mobileHide {display:none;}

}

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

}

.imod_hide {display: none !important;}