/*Table of Contents
General
Blocks
General Formatting Tables
Tree
Menu
Thermometer
Notes
Login/Off
ePledge Navigation
Designation
Verification
Campaign Status
Account History
I & R
Organization Info
CB Pages
CB Package
Board Member
Forms
Budget
Demographics
Outcomes
Outputs
Profile Report
Program Evaluation
Account Search
Dashboard
Bio Tab
Statement Summary
Event Registration
Volunteer
Volunteer Login
Volunteer Team
Volunteer History
Volunteer Profile
Volunteer Calendar
Volunteer for Opportunity
Volunteer Opportunity Info
Volunteer Quick Search
Volunteer Agency Info
Hit History
Agency Search
Release Info
Advanced Search
Agency Opportunity List
Time Slots
Opportunity Maintenance
Opportunity PrivateTo
Opportunity Search Result
ePledge Admin Pages
Employee List
Coordinator Tree
Report
Email
Profile
Receipt
Event calendar
Funding Package
Pop-Ups
Subscription portlet
Volunteer Day Detail
Volunteer Opportunity Maintenance
Step-up program
Survey
Sub Form
Bank information
Account Selector
Event Management
Board
ReportPanelCSVColumns.jsp
CybsSACheckout.jsp
Shopping Cart
Special Event
Blue Buttons 1
Blue Buttons
Grey Buttons
Mobile Buttons
Native Buttons
Red Grey Buttons
Subtle Buttons
White Buttons
Glyphicons Styles
All in One Pledge
Designation Plan
Step-up & leadership up sell
Online Web Administration
*/

/*--------------------------------------------- General ---------------------------------------------*/
:root {
    --bs-border-color: #919191;
    --bs-border-color-translucent: #919191;
}

body {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

a {
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h3 a, th a, a h3 {
    text-decoration: none;
}

::-webkit-input-placeholder { /* Edge */
  color: #cccccc !important;
}

:-ms-input-placeholder { /* Internet Explorer */
  color: #cccccc !important;
}

::placeholder {
  color: #cccccc !important;
}

#bioTabMenu a {
    text-decoration: none;
}

label .note p {
    margin: 0 !important;
}

textarea {
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: 100%;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

select {
	display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[type="file"] {
	height: auto !important;
}

blockquote {
	border-left: 0;
	font-size: inherit;
}

.Col-Radio img,
.Col-Checkbox img {
	margin-right: 6px;
}

.Col-YesNo img {
	margin-right: 6px;
	margin-left: 6px;
}

.note img {
    max-width: 100%;
    height: auto;
}

.page-header small {
	display: block;
	width: 100%;
}

#pasteTarget {
	padding: 0.5em 1em;
	border: 1px dashed #ccc;
	background-color: #eee;
}

.bold {
	font-weight: bold;
}

.ui-widget-overlay.ui-front {
	background: transparent !important;
	opacity: 0 !important;
}

.Page-Subscriptions form, #eVol-breadcrumbs, .Area-Pledge form {
  clear: none;
}

.AccountQuickSearchComp {
  width: auto;
}

form#wiEditForm input,
form#wiEditForm div {
	margin-bottom: 0.5em;
}

.UserDefinedInformationSection>div {
	margin-bottom: 12px;
}

.UserDefinedInformationSection label {
	min-width: 10%;
}

.accordion-header {
    margin: 0 !important;
}

.Col-SortLabel,
.col-SelectLabel {
	width: 100%;
}

#CampSelectTable {
	margin: 1em 0;
}

.row .row.Row-CampEnd.Row-CampEndData {
	margin-left: 0;
}

video {
	width: 100% !important;
	height: auto !important;
	max-width: 800px;
}

.BannerAd img {
    max-width: 100%;
}

.table-hover tbody tr:hover {
    background-color: transparent !important;
}

table.NodesStructure th, table.NodesStructure td {
    border: 1px solid #dee2e6;
    padding: .5rem .8rem;
}

.card-footer .btn-group .btn {
    padding: 0 !important;
}
.card-footer .btn-group .btn a {
    padding: 0.375rem 0.75rem !important;
    display: block;
}

.Row-SearchResultNavigation ol {
    margin: 0;
    display: flex;
    justify-content: space-between;
}
.Row-SearchResultNavigation ol .button {
    margin: 0;
}
.ContactsSearchResults {
    column-count: 4;
}
.card-group.Row-NameSearch .card:first-child {
    flex: 0 0 auto;
    width: 33.33333333%;
}

#AgencySearchToggle .note p {
  display: inline !important;
}

.SharePhoneNumber {
  padding: 6px 12px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border-radius: 4px;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}

.SharePhoneNumber .form-control {
	flex: 1 1 auto;
	min-width: 0;
	display: inline-block;
	border-radius: 0;
}
.SharePhoneNumber {
    display: flex;
    padding: 0;
    border-radius: var(--bs-border-radius);
}
#PhoneArea {
    max-width: 25%;
    border-right: 1px solid #ccc;
}
.Page-CybsSACheckout .col-form-label {
  padding-bottom: calc(0.0 + var(--bs-border-width));
  padding-top: calc(.2rem + var(--bs-border-width));
}

.Page-CybsSACheckout h2 {
  margin-top: 0 !important;
}

#card_cvn {
  max-width: 90px;
}

body .Section-GuidStarSearch textarea.select2-search__field {
  display: block;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  height: 24px !important;
  margin-top: 7px !important;
  margin-left: 12px !important;
}

body .Section-GuidStarSearch .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: var(--bs-border-width) solid var(--bs-border-color) !important;
  border-radius: 4px !important;
}

textarea::placeholder {
	color: #a4a4a4 !important;
}

.PayoutReport .Col-Heading a,
.PayoutReport .Col-Heading a:hover,
.DocumentsList th a,
.DocumentsList th a:hover {
    color: #fff !important;
}

.VOLHOURS input {
    width: 100%;
    display: block;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: var(--bs-body-bg);
    background-clip: padding-box;
    border: var(--bs-border-width) solid var(--bs-border-color);
    border-radius: var(--bs-border-radius);
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin: 0;
    font-family: inherit;
}

.Row-SelfReportedHours .Col-Heading,
.Row-SelfReportedHours.Row-Total {
    font-weight: 600;
}

.Page-VolHistory h3 {
    margin-top: 30px;
}

@media screen and (max-width:920px) {
	.SharePhoneNumber {
		width: 100%;
	}
	#ReleaseInfoTable .input-group .SharePhoneNumber input:not(#PhoneNumber) {
    width: 33% !important;
    max-width: none !important;
  }
	.SharePhoneNumber #PhoneNumber {
  width: calc(100% - 33% + 12px);
}
}

@media (max-width: 920px) {
	#contacts-row .col,
	#contacts-row .col-sm {
		flex: 50%;
	    max-width: 50%;
	}
}
@media (max-width: 1200px) {
    .container, .container-md, .container-sm {
        max-width: 95vw;
    }
	.ContactsSearchResults {
	    column-count: 2;
	}
	.Col-Text.Col-OptionLabel .WebOptionCheckBoxTSelect {
	    flex: 33% !important;
	}
}
@media (max-width: 768px) {
	#contacts-row .col,
	#contacts-row .col-sm {
		flex: 100%;
	    max-width: 100%;
	}
	.card-group.Row-NameSearch .card:first-child {
	    flex: 0 0 auto;
	    width: 100%;
	}
	.ContactsSearchResults {
	    column-count: 1;
	}
	#PageControl {
	    overflow-x: scroll;
	}
}
button[name="andarMaintButto"],
button[name="andarMaintButton"] {
    background: #004b85;
    border-color: #004b85;
}
button[name="andarMaintButto"]:hover,
button[name="andarMaintButton"]:hover {
    background: #286090;
    border-color: #204d74;
}
button[name="andarMaintButto"].btn-sm {
    --bs-btn-padding-y: 0.05rem;
    --bs-btn-padding-x: 0.25rem;
}
.Col-Icon.Col-Andar.col-1 {
    flex-shrink: 1;
    width: 38px;
    padding-right: 0;
}
.Col-OptionComponent .WebOptionCheckBoxTSelect {
    cursor: pointer;
}
.eComm-container .card-header h5 {
    margin: 0;
    font-weight: 600;
    font-size: 17px;
}
.card-body .badge {
    font-size: 0.85em;
    white-space: pre-wrap;
}
.card-body > .badge {
    margin-bottom: 5px;
}
.card-header *,
.card-body p:last-child {
    margin: 0;
}

td.Col-OptionComponent {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}

/*--------------------------------------------- Blocks ---------------------------------------------*/
.Instruction,
.Warning,
.Error,
.Tree {
	margin: 0px 0px 5px 0px;
	width: 100%;
	padding: 10px;
	border: 0;
}

.BlockHeader,
.InstructionHeader,
.WarningHeader,
.ErrorHeader,
.TreeHeader {
	margin: 0;
	padding: 5px 0px;
}

.BlockDetails,
.InstructionDetails,
.WarningDetails,
.ErrorDetails,
.TreeDetails {
	width: 100%;
}

.BlockMessage {
	margin-top: 3px;
	margin-bottom: 3px;
}

.BlockError,
.BlockError h2,
#PledgeAmountError {
    color: #ad1b28;
}

/*------------------------------------- General Formatting Tables -------------------------------------*/
.table-responsive {
	border: 0;
}

.col-form-label {
	text-align: left !important;
	font-weight: bold;
}
label.form-label {
    font-weight: 600;
}
label.col-form-label p {
    padding: 0;
    margin: 0;
    display: inline;
}
label.WIContactPrefixLabel,
label.total_revenue_minLabel,
label.total_expenses_minLabel,
label.total_assets_minLabel {
    white-space: nowrap;
}
#TotalRevAssExp .col {
   flex-grow: 1;
   min-width: 0;
   flex-basis: 0;
}
.col-form-label.Col-Heading p {
    font-weight: bold;
}

form#RegisterForm div#nameRow .col-sm-9 label,
form#RegisterForm div#addressRow .col-sm-9 label,
form#RegisterForm div#phoneRow .col-sm-9 label {
    margin: 8px 0 1px 0;
}

table tr th .row,
table tr td .row {
	margin-right: 0;
	margin-left: 0;
}

.MainPage {
	padding: 10px;
	text-align: left;
}

.MainPage form table {
	border-collapse: collapse;
	clear: both;
}

.Portlet {
	margin: 0px;
	padding: 0px;
}

.FooterMes {
	margin-top: 10px;
}

.copyright {
	text-align: center;
}

.LFArea .Highlight {
	font-weight: bold;
	background-color: #eeeeee;
	padding: 2px;
}

.LFArea .Heading {
	font-weight: bold;
	width: 150px;
}

.WindowHeader .HeaderRightLogo,
.HeaderCompTable .col-rightLogo {
	text-align: right;
}

.windowheader,
.HeaderCompTable {
	width: 100%;
}

.HeaderCompTable .col-leftLogo {
	text-align: left;
}

.Col-Dollar,
.Col-Integer,
.Col-Percentage,
.Col-Decimal,
.Col-Number,
.Col-Percentage input,
.Col-Dollar input,
.Col-Integer input,
.Col-Decimal input,
.Col-Number Input {
	vertical-align: top;
	text-align: right;
}

.Col-Error {
	color: #ad1b28;
	font-weight: bold;
}

.Indent,
.Col-Indent {
	padding-left: 50px;
}

.Highlight,
.Col-Highlight {
	font-weight: bold;
}

.Classic, .Report {
	border-collapse: collapse;
	margin-bottom: 5px;
}

.Classic th, .Report th {
	padding:.5rem .8rem;
	color: #000000;
	font-weight: bold;
	border-collapse: collapse;
	background: none repeat scroll 0 0 #eeeeee;
}

.Classic td, .Report td {
	border-collapse: collapse;
	padding: .5rem .8rem;
}

.Classic td td td {
	border: 0;
}

.Classic tr.Row-total td {
	background-color: #eeeeee;
	font-weight: bold;
}

.Report-SubTotal td {
	background-color: #ffffff;
	color: #000000;
}

.Report-GrandTotal td {
	background-color: #f1f1f1;
	color: #000000;
	font-weight: bold;
}

.Classic th,
.Classic td,
table.RemStartDate {
	border: 1px solid #dee2e6;
}

table.Parent,
table.Subsidiaries {
	border: 1px solid #ffffff;
}

tr.headerTable {
	background-color: #eeeeee;
}

tr.first,
tr.first td,
tr.second,
tr.second td {
	background-color: #ffffff;
}

.Area-CB .LeftAlign td,
.Area-Budget .LeftAlign td,
.Area-Forms .LeftAlign td {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

.Page-E-Comunity .Classic,
.Page-Demographics .Classic,
.Page-Budget .Classic,
.Page-Budget textarea,
.Page-OutcomeForms .Classic,
.Page-GovFund .Classic,
.Page-Companies .Classic,
.Page-Outcomes .Classic,
.Page-Indicators .Classic,
.Page-Inputs .Classic,
.Page-Activities .Classic,
.Page-BoardMembers .Classic,
.Page-Forms .Classic,
.Page-Outputs .Classic {
	width: 100%;
	box-sizing: border-box;
}

.BudgetTotals .Col-Dollar,
.Page-GovFund .col-Dollar {
	vertical-align: bottom;
	text-align: right;
}

.Page-OutcomeForms .Col-Space,
.Page-Companies .col-space,
.Page-Outcomes .col-space,
.Page-Budget .col-space,
.Page-Demographics .col-space,
.Page-Inputs .col-space,
.Page-Activities .col-space,
.Page-BoardMembers .col-space,
.Page-Forms .col-Space,
.Page-CBPackageDtlUpdate .Col-Space,
.Page-Outputs .col-space {
	width: 1%;
}

.Page-OutcomeForms .Col-Name,
.Page-Companies .Col-Name,
.Page-Forms .Col-Name,
.Page-Outputs .Col-NameLabel,
.Page-Demographics .Col-Item {
	width: 80%;
}

.MainPage .Area-Registration,
.MainPage .Area-Volunteer,
.MainPage .Page-AccountSelector {
	text-align: left;
}

.radio span.note,
.Col-Checkbox span.note {
	display: inline-block;
}

.CommunicationsAccountsMaintenance td,
.CommunicationsAccountsMaintenance th {
	padding: 4px !important;
	line-height: 14px !important;
}

.PhoneData .col-sm-3 {
	width: 25% !important;
	float: left;
}

.PhoneData .col-sm-6 {
	width: 50% !important;
	float: left;
}

.FullSizeBanner img {
	width: 100%;
	height: auto;
}

.OtherNamesList .col-sm-2.Col-Button {
	padding-left: 0;
	padding-right: 0;
}

.form-horizontal .row .OtherNamesList .row,
.form-horizontal .OtherNamesList div.row div[class^="col-"] {
	margin-bottom: 0;
}

.KeywordSearchInput.input-group .input-group-addon {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	border-radius: 2px;
	padding-top: 7px;
	margin-left: -1px;
}

nav.SearchNavigation .NameSearch a.button,
section#QSearchTable nav.SearchNavigation a.button {
    background-color: #eeeeee !important;
    border-radius: 2px !important;
    padding-top: 7px !important;
    margin: 0 !important;
    color: #212529 !important;
    padding-bottom: 7px !important;
}

section#QSearchTable nav.SearchNavigation a.button {
    border: 1px solid #cccccc !important;
}

.Page-VolTeamsNew label.checkbox-inline.Col-Label.Col-Checkbox .form-check-input {
    position: static;
    margin-top: 0;
    margin-left: 0;
}

#VolTeamsCopy .row.Row-Availability input.VOLSTATUS {
    position: static;
    margin-top: 11px;
    margin-left: 0;
}

.Row-Transportation label.checkbox-inline.Col-Label.Col-Checkbox {
    margin-right: 20px;
}

#VolTeamsNew .row.Row-Availability input.VOLSTATUS {
    position: static;
    margin-top: 11px;
    margin-left: -15px;
}

.subscriptionsList .btn-success, .subscriptionsList .btn-danger {
    min-width: 100px;
}

.Page-OpPrivateOps .Col-Text.Col-Subsidiaries {
    text-align: center;
}

.btn-success {
    background-color: #5cb85c;
    border-color: #4cae4c;
}

.btn-danger {
    background-color: #d9534f;
    border-color: #d43f3a;
}

.Page-AgencyRegistration .ProgramsTable .Col-Button {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.ProgramsContainer .heading.Col-ProgramName, .ProgramsContainer .heading.Col-ContactName {
    font-weight: bold;
}

.ProgramsContainer a.icon {
    margin-right: 12px;
}
.icon {
    text-decoration: none;
}

.ProgramsContainer {
    margin-bottom: 24px;
    width: 100%;
}

.ProgramsContainer td {
    padding: 16px 20px;
    border: 1px solid #cccccc;
}

.Page-OpPrivateOps .Col-Text.Col-Subsidiaries input {
    margin-left: 0;
}

/*--------------------------------------------- Tree ---------------------------------------------*/
.Section-NavigateTree {
	padding-bottom: 1em !important;
	background-color: #eeeeee;
	width: 100%;
	padding: 10px 20px;
}

.Section-NavigateTree .VisionCouncil {
	font-weight: bold;
	color: #000000;
}

.Section-NavigateTree .FundedProgram {
	margin-bottom: 0px;
	padding: 0px;
	color: #000000;
}
.CalendarIcon p {
    margin: 0 !important;
}
.Section-NavigateTree .NABlock {
	padding: 0;
	width: 100%;
	background-color: transparent;
	box-sizing: border-box;
}
.NABlockDetail nav.Navigation ol {
    display: flex;
    gap: 5px;
    margin: 10px 0;
}
.NABlockDetail .icon {
    background: #f1f1f1;
}
.Section-NavigateTree .NABlockdetail .name {
	font-weight: bold;
	font-size: 16px;
}

.Section-NavigateTree .NABlockdetail .address {
	padding: 5px 0px 0px 10px;
}

.Section-NavigateTree .Tree,
.Section-NavigateTree .dtree {
	margin-left: 20px;
}

.Section-NavigateCBTree {
    padding: 10px 20px;
}

.jstree-default .jstree-clicked {
    background: transparent !important;
    box-shadow: none !important;
}

/*--------------------------------------------- Menu ---------------------------------------------*/
.Menu-V .Menu a {
	padding: 8px 0px 0px 0px;
}

.Menu-H, .Menu-V {
	color: #000000;
}

.Menu-H .Menu-Top {
	padding: 7px 0px 6px 0px;
	margin: 4px 0;
}

.SubMenu td {
	padding: 0px 0px 0px 10px;
}

.Menu a {
	padding: 0px 4px 0px 3px;
	color: #000000;
	text-decoration: none;
	width: 100%;
}

.MenuSelected a {
	color: #808080;
}

#pcm {
	display: none;
}

ul.pureCssMenu {
	display: block;
	zoom: 1;
	position: relative;
	border: 0;
}

ul.pureCssMenu li {
	display: inline-block;
}

ul.pureCssMenu li:hover>ul {
	display: block;
}

ul.pureCssMenu ul {
	display: none;
	position: absolute;
	left: -1px;
	top: 98%;
	width: auto;
	min-width: 156px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	z-index: 10000;
}

ul.pureCssMenu ul ul {
	position: absolute;
	left: 98%;
	top: -2px;
}

ul.pureCssMenu,
ul.pureCssMenu ul {
	margin: 0;
	list-style: none;
	padding: 0px 2px 2px 0px;
}

ul.pureCssMenu table {
	border-collapse: collapse;
}

ul.pureCssMenu a,
ul.pureCssMenu li.dis a:hover,
ul.pureCssMenu li.sep a:hover {
	display: block;
	text-align: left;
	color: #000000;
	text-decoration: none;
}

ul.pureCssMenu ul li {
	float: none;
	display: block !important;
}

ul.pureCssMenu ul a {
	text-align: left;
	white-space: nowrap;
}

ul.pureCssMenu li.sep {
	text-align: left;
	padding: 0;
	line-height: 0;
	height: 100%;
}

ul.pureCssMenu li.sep span {
	float: none;
	padding-right: 0;
	width: 3px;
	height: 100%;
	display: inline-block;
	background-image: none;
}

ul.pureCssMenu ul li.sep span {
	width: 100%;
	height: 3px;
}

ul.pureCssMenu li:hover {
	position: relative;
}

ul.pureCssMenu li:hover>a {
	text-decoration: none;
	color: #000000;
}

ul.pureCssMenu li a:hover {
	position: relative;
	text-decoration: none;
	color: #4d9ad6;
}

ul.pureCssMenu li.dis a {
	color: #666666 !important;
}

ul.pureCssMenu img {
	border: none;
	float: none;
	margin-right: 2px;
	width: 16px;
	height: 16px;
}

ul.pureCssMenu ul img {
	width: 16px;
	height: 16px;
}

ul.pureCssMenu li.dis a:hover img.over {
	display: none !important;
}

ul.pureCssMenu li.dis a:hover img.def {
	display: inline !important;
}

ul.pureCssMenu li:hover>a img.over,
ul.pureCssMenu a:hover ul img.def,
ul.pureCssMenu a:hover a:hover ul img.def,
ul.pureCssMenu a:hover a:hover a:hover ul img.def,
ul.pureCssMenu a:hover a:hover img.over,
ul.pureCssMenu a:hover a:hover a:hover img.over,
ul.pureCssMenu a:hover a:hover a:hover a:hover img.over,
ul.pureCssMenu a:hover img.over {
	display: inline;
}

ul.pureCssMenu img.over,
ul.pureCssMenu li:hover>a img.def,
ul.pureCssMenu a:hover ul img.over,
ul.pureCssMenu a:hover a:hover ul img.over,
ul.pureCssMenu a:hover a:hover a:hover ul img.over,
ul.pureCssMenu a:hover a:hover img.def,
ul.pureCssMenu a:hover a:hover a:hover img.def,
ul.pureCssMenu a:hover a:hover a:hover a:hover img.def,
ul.pureCssMenu a:hover img.def,
ul.pureCssMenu a:hover a:hover ul ul,
ul.pureCssMenu a:hover ul ul,
h2 .note.DsgnSubSectionHdr p:empty {
    display: none;
}

ul.pureCssMenu a:hover a:hover ul,
ul.pureCssMenu a:hover a:hover a:hover ul,
ul.pureCssMenu a:hover ul {
	display: block;
}

ul.pureCssMenu .MenuFooter {
	clear: both;
}

.Menu-V ul.pureCssMenu,
.Menu-V ul.pureCssMenu li {
	float: none;
}

.Menu-Left ul.pureCssMenu.pureCssMenum li,
.Menu-Right ul.pureCssMenu.pureCssMenum li {
	display: block;
	width: 100%;
}

.LeftSide .Menu-V ul.pureCssMenu ul {
	left: 160px;
	top: 0;
}

.RightSide .Menu-V ul.pureCssMenu ul {
	left: -160px;
	top: 0;
}

.Page-CampaignRegistration .Col-PhoneNumberTable .row {
    margin-right: 0;
    margin-left: 0;
}

.Page-CampaignRegistration .col-sm-9.Col-Text.Col-OrgNames .row.Row-Label {
    padding: 0 15px;
}

.CampStatus .Report-Header td, table#CampStatusAllLoc th {
    background: none repeat scroll 0 0 #eeeeee;
    text-align: center !important;
    line-height: 1.1 !important;
    vertical-align: middle !important;
    font-weight: 600 !important;
    font-size: 0.9em;
    text-align: center !important;
}

table#CampStatusAllLoc td {
	font-size: 0.9em;
	vertical-align: middle !important;
}

div#OtherNames nav.Navigation {
    padding: 0 15px;
}

a#AgencySearchToggle {
    color: inherit !important;
}

section#CustomizationTable .Row-LogoButton {
    width: 100%;
}

section#CustomizationTable .Row-LogoButton .offset-sm-3.col-sm-9.Col-Button {
    margin-left: calc(25% + 16px);
}

.Page-UserRegistration .col-sm-9.Col-Input.Col-EmployerZip .input-group-addon a.button {
    display: block;
    margin: 5px 14px;
}

.Page-UserRegistrationNE .Leftalign {
    border: 0 !important;
}

#EvaluationAccountDetail h3 {
    margin: 0;
    line-height: 1em;
}

#EvaluationAccountDetail .EvaluationAccount {
    margin-bottom: 10px;
}

#QuestionSection #QuestionsList #QuestionNumber {
    border-radius: 0;
}

.row.mb-3.EmployerOrganization select#Emploeyrs {
    display: inline-block;
    width: 88%;
}

.Section-Survey .col-form-label {
  font-weight: normal;
}

.Section-Annotations .SubjectCodeRow .TableChoiceBox.col-sm-9.SUBJECTCODE {
  padding-left: 0;
  padding-right: 0;
  max-width: 100%;
}

.Section-Annotations div#Date {
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    font-size: 13px !important;
}

#cc-Pay-Options {
    display: flex;
    align-items: center;
    gap: 10px;
}
#cc-Pay-Options #credit a {
    background: #0d6efd;
    border-radius: 3px;
    vertical-align: middle;
    line-height: 1;
    min-width: 90px;
    width: 160px;
    height: 40px;
    min-height: 40px;
    padding: 12px 24px 10px;
    color: #fff;
    display: block;
    text-align: center;
}
#cc-Pay-Options #credit a:hover {
    background: #0b5ed7;
}

.CardConnectIFrame td div {
    font-weight: 600 !important;
}

table td iframe#tokenFrame {
    height: 54px !important;
    min-height: 0 !important;
}

form#CardConnectCheckoutForm .ACHAccountType select {
	width: 628px;
}

.CardConAccountTypeInfo .col-sm-9 select {
    width: 626px;
}

.CardConAccountTypeInfo .col-sm-3,
.CardConAccountTypeInfo .col-sm-9 {
    display: block;
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    margin: 0;
}

.Row-CardConnectPayment [class^="col-sm-"] {
    width: 100%;
}

span[class^="WebOptionCheckBox_General"] {
  background-color: transparent;
  border: 0;
}

.CardConPlgPayTitle {
	margin-top: 40px;
}

#cc-Pay-Options {
  margin: 50px 0;
}

#cc-Pay-Options #credit, #cc-Pay-Options #googlePay {
  display: inline-block;
  vertical-align: top;
  max-width: 200px;
}

#cc-Pay-Options.Active #credit a {
  padding: 11px 30px;
  border: 2px solid #333333;
  border-radius: 40px;
  color: #333333;
  margin: 0px 14px 0 0;
  display: block;
  font-weight: 600;
}
#cc-Pay-Options.Active #credit a:hover {
  background: #eeeeee;
}

#cc-Pay-Options.Inactive #credit a {
  padding: 11px 30px;
  border: 2px solid #aaaaaa;
  border-radius: 40px;
  color: #ffffff;
  margin: 0px 14px 0 0;
  display: block;
  font-weight: 600;
  background: #aaaaaa;
}

#cc-Pay-Options.Inactive #credit a:hover {
	background:#999999;
	border: 2px solid #999999;
}

.form-row > .col {
  padding-right: 5px;
}

#LoginForm .BlockError a {
  text-decoration: underline !important;
  color: #ad1b28;
  font-weight: bold;
}

#sessionTimeoutModal, #sessionTimeoutModal a, #sessionTimeoutModal p {
  color: #444;
}

.AgencySectionHeader {
	margin: 20px 0 10px 0;
}

#sessionTimeoutModal .close {
    float: right;
}

#sessionTimeoutModal .modal-header {
    display: block;
}

#sessionTimeoutModalLabel, #sessionTimeoutModal .close {
    display: inline-block;
}

#sessionTimeoutModal {
  margin-top: 120px;
}

@media (min-width: 1200px) {
li.pureCssMenui.CSSCloseButton {
    display: none !important;
}
}
/*
@media screen and (max-width: 768px) {
.Row-CardConnectPayment.my-3 .row.my-2.gx-1 {
  padding-right: 12px !important;
  padding-left: 12px !important;
}
}
*/
@media (max-width: 579px) {
section#CustomizationTable .Row-LogoButton .offset-sm-3.col-sm-9.Col-Button {
    margin-left: 0;
}
}
/*--------------------------------------------- Thermometer ---------------------------------------------*/
.ThermometerSection {
	background-color: #ffffff;
	float: right;
	padding: 0 0 10px 16px !important;
	max-width: 320px;
}

.Thermometer {
	background-color: #ffffff;
	padding: 0;
	margin: 0;
}

.Thermometer object {
	height: 28em;
	width: 13em;
}

.ThermometerSection .DIV-Note {
	width: 15em;
}

.ThermometerSection1,
.ThermometerSection2 {
	margin-bottom: 40px;
}

.ThermometerSection1 img,
.ThermometerSection2 img {
	width: 304px;
}

.ThermometerSection .note p {
    margin: 8px 0;
    line-height: 1;
    font-size: 0.9em;
    color: #888888;
    text-align: center;
}

.Page-CStatus .ThermometerSection {
    float: none;
    padding: 10px 16px;
    max-width: 100%;
    overflow: hidden;
}

.Page-CStatus .ThermometerSection1,
.Page-CStatus .ThermometerSection2 {
    float: left;
    margin: 6px;
}

@media (max-width: 420px) {
.ThermometerSection {
    float: none;
    margin: 0 auto;
}
}

/*--------------------------------------------- Notes ---------------------------------------------*/
.DIV-Note-Separator {
	height: 6px;
	width: 100%;
	padding: 0;
	margin: 0;
}

.DIV-WebPNotePrev {
	font-size: 20px;
}

.col-sm-9.Col-text.Col-note {
	padding-top: 7px;
}

/*--------------------------------------------- Login/Off ---------------------------------------------*/
.login-wrap {
    display: flex;
}
.login-bg,
.login-content {
    flex-grow: 1;
    flex-basis: 0;
}
.login-content {
    padding: 3em 2em;
}
@media screen and (min-width: 1200px) {
	.login-content {
	    padding: 6em 4em;
	}
}
@media screen and (max-width: 768px) {
	.login-wrap {
	    position: relative;
	}
	.login-bg {
	    z-index: 0;
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	.LoginTitle {
    	position: static !important;
    	padding: 0 !important;
    }
}

#PasswordHint .note p {
    margin: 0 !important;
}

.form-horizontal .has-feedback .form-control-feedback,
.has-feedback label~.form-control-feedback {
	right: 3px;
	top: 27px;
}

.MainLoginOff {
	padding: 10px 10px 10px 20px;
	width: 100%;
}

.SecurityCodeImage img {
	width: auto !important;
}

.ShareIcons .ShareDetails img {
	opacity: 0.3;
}

.DateFilter .fa.fa-caret-left,
.DateFilter .fa.fa-caret-right {
	font-size: 20px;
	vertical-align: middle;
}

.input-group-addon.datepick-trigger {
	padding: 8px 12px;
}

.Col-FDateList .col-sm-4,
.Col-TDateList .col-sm-4 {
	width: 30% !important;
	display: inline-block !important;
}

.j_usernameInfo, .j_passwordInfo, .j_field  {
    position: relative;
	margin-bottom: 2em
}
.LoginFields label {
    position: absolute;
    top: -12px;
    padding: 0;
    left: 10px;
    background: #fff;
    padding: 5px 8px;
    border-radius: 5px;
}
.LoginFields label, .LoginFields label * {
	font-size: 11px;
    line-height: 1;
}

.LoginOffTopTable {
	border: 0;
	padding: 0;
}

.LoginOffMainTable {
	border: 0;
	padding: 0;
	width: 100%;
}

.Page-preLoginJAAS .DefaultButtons .button {
	margin: 0.5em 0.2em;
}

.Page-LoginForgot .BlockDetails {
	margin: 0;
}

.Page-preLoginJAAS .Block .BlockDetails Table .Col-UserId,
.Page-preLoginJAAS .Block .BlockDetails Table .Col-Password {
	text-align: right;
}

.Page-preLoginJAAS .Block .BlockDetails Table .Col-Input input {
	margin-right: 20px;
}

html body .fbLoginMessage h1 {
	text-align: center;
	font-style: italic;
}

.LoginButtonPanel {
	margin: 0px 0px 30px 0px;
	position: relative;
}

.LoginButtonPanel li {
	display: inline-block;
}

.LoginTitle * {
	margin: 0;
	padding: 0;
}

.login-content .LoginTitle {
    position: absolute;
    top: -15px;
    font-size: 18px;
    left: 10px;
    background: #fff;
    padding: 5px 8px;
    line-height: 1;
    border-radius: 5px;
}
.LoginFields input:-webkit-autofill,
.LoginFields input:-webkit-autofill:hover,
.LoginFields input:-webkit-autofill:focus,
.LoginFields input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.Page-preLoginJAAS .form-horizontal .Block {
	margin: 0 auto;
}

.Page-preLoginJAAS .FacebookLoginButton,
.Page-preLoginJAAS .FacebookLoginText {
	display: inline-block;
	vertical-align: middle;
}

.Page-preLoginJAAS .BlockDetails table td,
.LoginForgotTable td {
	vertical-align: middle;
}

.Page-preLoginJAAS .BlockDetails .FacebookLogin {
	margin: 30px 0;
}

.LoginForgotTable {
	margin: 20px 0;
}

.FeesTable td,
.FeesTable th {
	vertical-align: middle !important;
	padding: 6px 10px;
}

.FeesTable p {
    margin-bottom: 0;
}

.PledgeSummary td {
	text-align: right !important;
}

.PledgeDesignations tr td:first-child {
    width: 60%;
}

.PledgeDesignations th,
.PledgeDesignations td {
    border: 1px solid #dee2e6;
    padding: .75rem;
}

.ATransTable td {
    text-align: left !important;
}

.PledgeSummary th.Col-Heading {
    width: 60% !important;
}

.Spouse .input-group-text {
    padding: 0 !important;
    background-color: transparent !important;
    border: 0 !important;
}

div#BillDateComp p,
div#BillDateComp.form-control-plaintext,
div#BillDateComp.form-row {
	padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.row.row.Row-BillingStartDate .col-md-9.Col-Text.Col-Info span#BillDateComp {
	display: block;
	padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

div#BillDateComp.form-row p  {
    padding-top: 0;
    padding-bottom: 0;
}

div#PaymentSD {
    margin-left: 0;
    margin-right: 0;
}


table.BillDateTable {
	margin-top: calc(.375rem);
}

div#PaymentSD.form-control-plaintext {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0;
}

.Page-IPledgeCombined .IPledgeTable .row.CardNumberInfo,
.Page-IPledgeCombined .IPledgeTable .row.CardNameInfo {
    margin-right: 0;
    margin-left: 0;
}

.Page-LoginReset .SetPasswordTable input {
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.Page-LoginReset .SetPasswordTable td.Col-Heading {
    padding: 6px 8px 6px 0;
}

.Page-LoginReset .Navigation {
    margin-top: 30px;
}

form#LoginForm {
    text-align: center;
}
.card form#LoginForm {
    text-align: unset !important;
}

.Section-Survey .row .col-sm-9.Col-ZipPostalCode .row {
  margin-right: -12px !important;
  margin-left: -12px !important;
}

@media (min-width: 1200px) {
	.FormFields.LoginFields {
	    margin: 1.5em auto;
	    width: 35%;
	}
	.card .FormFields.LoginFields {
	    width: 100%;
	}
}

@media screen and (max-width: 768px) {
.FormFields.LoginFields {
    width: 70%;
    margin: auto;
}

.PledgeDesignations .Col-Dollar.Col-DesignationsAmount {
	text-align: right !important;
}

.Page-LoginReset .SetPasswordTable td {
    width: 50%;
}
}

@media screen and (max-width: 576px) {
.Row-PaymentStartDate .Col-Date .col-sm,
.Row-ReminderStartDate .Col-Date .col-sm {
    max-width: 33%;
}

.Row-CardConnectPayment .col.CardConZipInfo,
.Row-CardConnectPayment .col.CardConCityInfo,
.Row-CardConnectPayment .col.CardConStateInfo {
  flex:1 1 100% !important;
}
}

@media (max-width: 500px) {
.Page-LoginReset .SetPasswordTable td {
    display: block !important;
}

.Page-LoginReset .SetPasswordTable td.Col-Heading {
    padding: 6px 8px 0px 0;
}

.Page-LoginReset .SetPasswordTable td {
    width: 100%;
}
}

.CardNumberInfo, .CardNameInfo {
  display: flex;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;

}

.CardNumberInfo .CardNumberData,
  .CardNameInfo .CardNameData  {
   flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 0;
  margin-top: var(--bs-gutter-y);
}

@media (min-width: 768px) {
  .CardNumberInfo .col-form-label.CardNumberLabel,
  .CardNameInfo .col-form-label.CardNameLabel {
    flex: 0 0 auto !important;
    width: 25%;
  }

  .CardNumberInfo .CardNumberData,
  .CardNameInfo .CardNameData {
    flex: 0 0 auto !important;
    width: 75%;
    padding-left: 6px;
  }
}

@media screen and (max-width: 768px) {
  .CardNumberInfo .col-form-label.CardNumberLabel,
  .CardNameInfo .col-form-label.CardNameLabel,
  .CardNumberInfo .CardNumberData,
  .CardNameInfo .CardNameData {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*--------------------------------------------- ePledge Area ---------------------------------------------*/
.IPledgeTable .radio .radio {
	float: left;
	padding-top: 0;
}

td.Col-UserId,
td.Col-Password {
	vertical-align: middle;
}

.FlagTable img {
	float: left;
	margin: 3px 10px 0 0;
}

.form-horizontal .WriteInFields .row .row {
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0.5em !important;
}

.Page-IPledgeConfirm .FlagTable .offset-sm-3,
.Section-PledgeConfirmDisplay .FlagTable .offset-sm-3 {
	margin-left: 0;
}

.Page-IPledgeConfirm .FlagTable .col-sm-9,
.Section-PledgeConfirmDisplay .FlagTable .col-sm-9 {
	width: 100%;
}

.Section-PledgeConfirm th.Col-Summary.Col-Heading {
	width: 60%;
}

.KeywordSearch .SearchNavigation li .button {
	padding: 0;
	background-color: transparent;
	background: none;
	border: 0 !important;
	outline-width: 0 !important;
	min-width: 80px;
	color: #000000 !important;
	margin: 0;
}

.KeywordSearch .SearchNavigation li .button:hover {
	box-shadow: none !important;
	outline-width: 0 !important;
	border: 0 !important;
}

.Col-Button ol {
    margin-bottom: 0;
}

nav.DIV-NothingButton, .col-sm-3.Col-Text.Col-Nothing {
    text-align: center;
}

.BillingFrequencyOptions span.radioSpace,
.PaymentFrequencyOptions span.radioSpace,
.PaymentMethodOptions span.radioSpace,
h2 .note.DsgnSubSectionHdr p:empty {
    display: none;
}

.PPExpress .button {
	padding: 0 !important;
	background-color: transparent !important;
	border: 0 !important;
	outline-width: 0 !important;
}

.MainPage .Page-IPledgeSelection form .PledgeTypeSelection table td,
.MainPage .Page-IPledgeSelection form .PledgeTypeSelection table th,
.MainPage .Page-IPledgeSelectionDA form .PledgeTypeSelection table td,
.MainPage .Page-IPledgeSelectionDA form .PledgeTypeSelection table th {
	padding: 2px;
}

.MainPage .Page-IPledgeSelection form .PledgeTypeSelection .IPledgeTable td.Col-Text,
.MainPage .Page-IPledgeSelectionDA form .PledgeTypeSelection .IPledgeTable td.Col-Text,
.WriteInList .Col-Review {
	width: auto;
}

.RecurAsk.RecurAskePledge {
	padding: 0 15px;
}

.Page-IPledgeReplicate .PledgeOptions .row {
	margin: 0 !important;
}

.Body-Page-IPledgeReplicate .Section-PledgeOptions .PledgeOptions .form-check{
    margin-bottom:5px;
}

.Body-Page-IPledgeReplicate .Section-PledgeOptions .PledgeOptions .form-check .form-check-input {
    margin-right:5px;
}
.Body-Page-IPledgeReplicate .Section-PledgeOptions .PledgeOptions .hasSubOptions .form-check-input {
	vertical-align: top;
}

.form-check.PledgeOption-IncreasePercent input#PS_IncreasePercent ,
.form-check.PledgeOption-IncreaseAmount input#PS_IncreaseAmount{
    margin-top: 10px;
}

.Body-Page-IPledgeReplicate .Section-PledgeOptions #amountFromPercentInc {
	margin-left: 10px;
	font-weight: bold;
}
.PledgeOption-IncreaseAmount,
.PledgeOption-IncreasePercent {
	overflow: auto;
}

.Page-IPledgeReplicate .QuasiReplicateMessages {
	margin-bottom: 20px;
}

.Page-IPledgeReplicate .QuasiRepMsg {
	margin-left: 20px;
}

input#IncreaseAmount,
input#IncreasePercent {
	display: inline;
	max-width: 100px;
	text-align: center;
}

.Page-IPledge .radio label.RadioLabel {
	padding-left: 0;
}

.Page-IPledgeReplicate .PledgeOptions .form-check-label {
    width: 100%;
}

.NumberDeductions .radio {
	display: block !important;
}

.TypeSelection-Items {
	margin:6px 0;
}

.Page-IPledgeSelection .TypeSelection .IPledgeTable .radio {
	display: block;
	padding-top: 5px;
}

.TypeSelection .form-horizontal .radio,
.PledgeTypeSelectionSection .radio {
	min-height: auto;
}

.OfferOtherOrg .radio .radio,
.Page-IPledgeSelection .TypeSelection .radio,
.Page-IPledgeReplicate .DesignationRadios .radio {
	display: inline;
}

.Col-Heading.Col-Text.Col-DesignationsAmount {
	text-align: right;
}

.Section-PledgeOptions,
.Section-DesignationOptions {
	margin-bottom: 1em;
}

.PledgeOptions,
.DesignationOptions.DesignationRadios,
.DesignationOptions.UndesignateCheckbox {
	padding-left: 1em;
}

.NumberDeductions #entryField .col-sm-9 {
	padding: 0;
	width: 100%;
}

.PledgeSum,
.PledgeDes {
	border: 1px solid #cccccc;
	border-collapse: separate;
}

.PledgeSumH {
	border: 1px solid #cccccc;
	text-align: left;
}

.PledgeSumD,
.PledgeDesH,
.PledgeDesD {
	border: 1px solid #cccccc;
}

.TaxonomySection td.Col-Description {
	width: 50%;
	text-align: left;
}

.IPledgeTable td.Col-Text {
	width: 30%;
}

.BottomPagingBlock li {
    display: inline-block;
}

#agyInfoFrame {
	padding: 1em;
	border: 1px solid #cccccc;
	position: fixed;
	width: 400px;
	height: 300px;
	top: 0px;
	left: 0px;
	z-index: 4;
	visibility: hidden;
	background-color: #ffffff;
	opacity: 1;
}

.Page-IPledgeAddInfo .DIV-ShowInteNote {
	margin-top: 10px;
}

.DIV-PledgeTypesBMSuppressed,
.DIV-ReuseCybsSubscriptionCCPP,
.DIV-ReuseCybsSubscriptionACHPP {
	font-size: 20px;
}

.PledgeProgress,
.PledgeProgress table,
.PledgeProgress td {
	vertical-align: middle;
	margin: 1em 0;
	padding: 0;
	border: 0;
	height: auto;
}

.fab.fa-paypal {
	margin-right: 6px;
	font-size: 16px;
}
/*
.IPledgeTable .row.CardNumberInfo,
.IPledgeTable .row.CardNameInfo {
    margin-right: -15px;
    margin-left: -15px;
}*/

.IPledgeTable .col-sm-9.CardNumberData,
.IPledgeTable .col-sm-9.CardNameData {
    display: inline-block;
}

div#CCExpiry select {
    width: 48%;
    display: inline-block;
    max-width: 240px;
}

.IPledgeTable .row.ABANumberInfo,
.IPledgeTable .row.ACHNumberInfo,
.IPledgeTable .row.ACHAccountNameInfo,
.IPledgeTable .row.ACHAccountTypeInfo {
    margin-right: -15px;
    margin-left: -15px;
}

.IPledgeTable .col-sm-9.ABANumberData,
.IPledgeTable .col-sm-9.ACHNumberData,
.IPledgeTable .col-sm-9.ACHAccountNameData,
.IPledgeTable .col-sm-9.ACHAccountTypeData {
    display: inline-block;
}

.Col-CardType input[type="radio"],
tr.BillDate input[type="radio"]  {
    margin-right: 10px;
}

#CCPayment .Col-Expiry select,
#CCPPayment .Col-Expiry select {
    width: 49%;
    display: inline-block;
}

iframe#tokenFrame {
    width: 100%;
    height: 100%;
    min-height: 150px;
}

form#tokenform input#ccnumfield {
	width: 90%;
}

.CardConAccountTypeData #CardConAccountType {
  max-width: 304px;
}

form#CardConnectCheckoutForm .col-sm-3, form#CardConnectCheckoutForm .col-sm-9 {
	width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
    display: block;
}

.CardConnectIFrame {
	margin-left: -8px;
}

.CardConnectIFrame td {
    display: block;
}

.IPledgeTable .Row-CardConnectPayment .col-sm-9 {
    padding-top: 0 !important;
}

#CCInfoInputs .page-header {
    margin: 40px 0 30px 0;
}

.offset-sm-3.CardConAccountTypeData label {
    font-weight: 600 !important;
}

.Row-CardConnectPayment .offset-sm-3 {
    margin-left: 0;
    font-weight: 600 !important;
}

.CardConnectIFrame td > div {
    margin-left: 8px;
    margin-top:0 !important;
    margin-bottom: -10px !important;
}

.CardConnectIFrame td {
    padding: 0;
}

form#tokenform label {
    font-weight: 600 !important;
}

.Page-CardConCheckout .Row-CardConnectPayment .cvv2Info .col-sm-3,
.Page-CardConCheckout .Row-CardConnectPayment .cvv2Info .col-sm-9 {
    margin: 0 !important;
}

body #PledgePaymentInfo .RadioTable.stepUpPgm .form-check>label.form-check-label,
body #PledgePaymentInfo .RadioTable.stepUpPgm .form-check>label.form-check-label:hover,
body .IPledgeTable .RadioTable.stepUpPgm label.RadioLabel,
body .IPledgeTable .RadioTable.stepUpPgm label.RadioLabel:hover,
body div#PledgePaymentInfo .RadioTable.stepUpPgm div.form-check > input[type=radio]:focus + label.form-check-label {
    background: transparent !important;
    color: inherit !important;
}

.YearComponent.lcStartYear {
  width: auto !important;
}

#PaymentSD > select {
    width: 33%;
}

#iAttendSection #PayTypeBlock {
  margin: 40px 0;
}

.RadioTable.stepUpPgm label.form-check-label {
    margin-bottom: 20px;
}

.CardConnectIFrame table {
    width: 100%;
}

input[id*="AmountDisplay"],
.Row-PledgeAmount .input-group input.form-control {
    width: 300px;
    display: inline-block;
    max-width: 100%;
}

.cvv2 .col-sm3, .cvv2 .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
}

input#cvv2 {
	max-width: 80px;
}

.Page-SpecialEventEventUpdate .AttachmentInstructions {
    font-size: 0.9em;
    color: #17a2b8;
}

.note.SPRPPlgTop.T {
  width: 100%;
  max-width: 100%;
  flex: 0 1 auto;
}

.Page-EmpRegPledge .Row-CardConnectPayment .ACHAccountType {
    margin-left: 8px;
}

span[class^="maintWebNote-"] {
    display: inline-block;
    width: 100%;
}

span[class^="maintWebNote"] p, span[class^="maintWebNote"] div.note {
    margin: 0;
    font-size: inherit !important;
}

i.fa.fa-pencil {
    cursor: pointer;
    font-size: 16px;
    vertical-align: middle;
    margin-right: 4px;
}

#maintWebNoteForm #note-container #noteEditor label {
  position: absolute;
  top: -4px;
}

#GuideStarResults .d-none, #zipPlaceholderTop {
  visibility: hidden !important;
  display: block !important;
}

#GuideStarResults .select2-container .select2-selection--multiple {
  padding: 7px 0 0 12px;
}

.writein-address label {
  display: block;
}

.WriteInFields .d-none {
  display: block !important;
  visibility: hidden !important;
}

@media only screen and (max-width: 960px) {
.Body-Page-IPledgeReplicate .Section-PledgeOptions input#IncreaseAmount,
.Body-Page-IPledgeReplicate .Section-PledgeOptions input#IncreasePercent {
    display: block;
}

.Body-Page-IPledgeReplicate .Section-PledgeOptions .PledgeOptions .form-check .form-check-input {
  vertical-align: top;
  top:1px;
  display: inline-block;
}

.CardConAccountTypeInfo .col-sm-9 select {
    width: 100% !important;
}

iframe#tokenFrame {
  min-height: 140px !important;
}
}

@media (min-width: 768px) {
.IPledgeTable .CheckNumberData,
.IPledgeTable .TimeOffHoursData,
.EmployeeID .EmpIDData {
    flex: 0 0 auto;
    width: 75%;
}

.IPledgeTable .col-form-label.CheckNumberLabel,
.IPledgeTable .col-form-label.TimeOffHoursLabel,
.EmployeeID .col-form-label.EmpIDLabel  {
    flex: 0 0 auto;
    width: 25%;
}
}

@media (max-width: 798px) {
#EntrySection label.col-form-label+div.col-md-9,
#EntrySection label.col-form-label+div.col-sm-9 {
    max-width: 100%;
}

.Row-CardConnectPayment h3 .CardConPlgInfoTitle {
    margin-left: 0;
}

.row.Row-CardConnectPayment .col-sm-6 {
  margin-bottom: 40px !important;
}
}

@media only screen and (max-width: 760px) {
form#CardConnectCheckoutForm .col-sm-3,
form#CardConnectCheckoutForm .col-sm-9 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
}

@media only screen and (max-width: 420px) {
iframe#agyInfoFrame.AgyInfoFrame {
    left: 1em !important;
    width: 90%;
}

.PledgeTypeSelection .RadioLabel {
    width: 90%;
}

.FeesTable td,
.FeesTable th {
	vertical-align: middle !important;
	padding: 6px 2px;
	font-size: 14px;
}
}

/*--------------------------------------------- ePledge Navigation ---------------------------------------------*/
.Col-DesignationsAmount #UpdateAButton {
	float: left;
}

/*--------------------------------------------- Designation ---------------------------------------------*/
h4.GSAgyName {
    margin-bottom: 1em;
}
.GSAgyContactDetail:not(:last-child) {
    margin: 0;
}
.GSAddressDetail span,
.GSAgyContactDetail span {
    display: block !important;
}
.GSAgyLogo img {
    width: 100%;
}
.dialogGuidStarSearchSelected .GSAgyAdd {
    display: none;
}
.GSAgyAdd .icon.btn.btn-sm::after {
    content: ' Add Agency';
}
.GSAgyAdd .icon.btn.btn-sm {
    color: #fff;
    font-weight: normal;
    background-color: #0d6efd;
}
#GSDataAttribution, #GSDataAttribution a {
    font-size: 11px;
    opacity: 0.9;
    color: #999;
}
#GuideStar {
    display: inline-block;
}
.Section-GuidStarSearch #GuideStar h2 {
    cursor: pointer;
    display: inline;
}
#CustomizationTable .Section-GuidStarSearch #GuideStar h2 i {
    display: none;
}
span[id*="DesignationAmount"] input.form-control {
	width: auto !important;
}
.select2-search.select2-search--inline {
    display: inline-block;
}
.select2-container--default .select2-search--inline .select2-search__field {
    margin: 0 !important;
}
ul#select2-state-container {
    margin: 0 !important;
}
.DesignationTotals .table-bordered {
	width: auto;
}

.Designations {
	border: 1px solid #cccccc;
}

.DesignationTotals td {
	border: 1px solid #cccccc;
	padding: 8px 20px !important;
}

.DesignationTotals .Block,
.DesignationTotals .BlockHeader {
	padding: 5px 0px;
}

th.Col-Summary.Col-Heading,
th.Col-Heading.Col-Text.Col-Designations {
	width: 40%;
}

.Page-IPledgeDesAgList .Row-Header td {
	font-weight: bold;
}

.SPAN-Web-ed-Nothing {
	display: none;
}

.DesignatedList {
	width: 10px;
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 5px;
	margin: 0px 0px 10px 0px;
}

.Page-IPledgeDes1 h2,
.Page-IPledgeDes2 h2 {
	border-bottom: 0;
    margin-top: 30px;
}

.GroupAgencyTable tr.GroupAgency-SubHeading td {
	font-weight: bold;
	font-size: 14px;
}

.GroupAgencyTable {
	border-collapse: collapse;
	font-weight: normal;
}

.GroupAgencyTable td {
	border: 1px solid #cccccc;
	padding: 5px;
}

.Page-IPledgeDes1 .PartnerAgencyDesTable,
.Page-IPledgeDes2 .PartnerAgencyDesTable,
.Page-IPledgeDes1 .AgencyDesTable,
.Page-IPledgeDes2 .AgencyDesTable,
.Page-IPledgeDes1 .WriteInDesTable,
.Page-IPledgeDes2 .WriteInDesTable {
	border: 1px solid #cccccc;
}

.col-sm-1.text-center.Col-1.Col-Image.Col-PartnerAgy,
.ServiceCategories .col-sm-1.text-center.Col-Image.Col-Info {
	display: inline-block;
	padding-right: 0;
	width: 8.3%;
}

label.col-sm-7.col-form-label.Col-Text.Col-Name,
.ServiceCategories label.col-sm-8.col-form-label.Col-Text.Col-Name {
}

.ServiceCategories .row.Row-Header .col-sm-8 {
    padding: 0.375rem 15px;
}

.ServiceCategories i.far.fa-question-circle,
.ServiceCategories .col-sm-1.text-center.Col-Image.Col-Info a {
    vertical-align: middle;
}

.ServiceCategories i.far.fa-question-circle {
    margin-top: 10px;
}

.PartnerAgencyImage {
	display: inline;
}

.PartnerAgencyImage img {
	width: 14px;
	margin-top: -3px;
}

.PartnerAgency .form-horizontal .col-form-label {
	padding-top: 0;
}

.PartnerAgency .col-form-label {
	padding-top: 0 !important;
}

.KeywordSearchInput .input-group-text {
    padding:0;
    line-height: 0.8em;
}

table#SelectedAgendiesTable td:nth-child(1),
table#SelectedAgendiesTable td:nth-child(5) {
	text-align: center;
}

table#SelectedAgendiesTable,
table#SelectedAgendiesTable td:nth-child(3) {
	width: 50%;
}

table#SelectedAgendiesTable td:nth-child(4) {
	width: 30%;
}

table#SelectedAgendiesTable input {
	width: 100%;
}

.KeywordSearchLabel {
	font-weight: bold;
}

.KeywordSearchInput input {
	padding: 3px 5px;
	width: 50%;
}

#AgSearchResults table,
#PASearchResults table {
	margin: 1em 0;
	width: 100%;
}

#PASearchResults .row {
	margin-left: 0;
	margin-right: 0;
}

#AgSearchResults table tr:first-child,
#AgSearchResults table tr th,
#PASearchResults table tr:first-child,
#PASearchResults table tr th {
	padding: 0.5em;
	font-weight: bold;
}

#AgSearchResults table tr,
#PASearchResults table tr {
	padding: 0.5em;
	display: table-row;
}

#AgSearchResults table tr td,
#PASearchResults table tr td {
	padding: 0.5em;
}

td.Col-MoreInfo {
	width: 45px;
	text-align: center;
}

#AgSearchResults .Navigation,
#PASearchResults .Navigation {
	text-align: center;
}

.CommunityCare .BlockDetails .row,
.ServiceCategories .BlockDetails .row.Row-Header,
.ServiceCategories .BlockDetails .row.Row-Even,
.TargetedAgencies .BlockDetails .row.Row-Header,
.TargetedAgencies .BlockDetails .row.Row-Odd,
#FederationsSection.Federations .row.Row-Header,
#FederationsSection.Federations .BlockDetails .row.Row-Odd {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0.5em 0;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

.ServiceCategories .BlockDetails .row.Row-Odd,
.TargetedAgencies .BlockDetails .row.Row-Even,
#FederationsSection.Federations .BlockDetails .row.Row-Even {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	padding: 0.5em 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.ServiceCategories .BlockDetails .row.Row-Odd:nth-last-child(1),
.TargetedAgencies .BlockDetails .row.Row-Even:nth-last-child(1),
#FederationsSection.Federations .BlockDetails .row.Row-Even:nth-last-child(1) {
	border-bottom: 1px solid #ddd;
}

.Page-IPledgeDesFedList .IGiveNothing .fa,
.Page-IPledgeDesFedList .IListNext .fa,
.Page-IPledgeDesFedList .IListBack .fa {
	display: none;
}

.ServiceCategories .Block .BlockDetails .row.Row-Header,
.TargetedAgencies .Block .BlockDetails .row.Row-Header,
#FederationsSection.Federations .Block .BlockDetails .row.Row-Header {
	font-weight: bold;
}

.CommunityCare .Block .BlockDetails .row label,
.ServiceCategories .Block .BlockDetails .row label,
.TargetedAgencies .Block .BlockDetails .row label,
#FederationsSection.Federations .BlockDetails .row .Col-Text.Col-Link a {
	color: #333333;
	font-weight: unset !important;
	cursor: pointer;
}

.Page-IPledgeDesWIReview .form-horizontal .WriteInFields .row .row {
    margin-left: -15px !important;
    margin-right: -15px !important;
}

.Page-IProfile .EmployerSection .EmployerLabel {
	padding-left: 0;
}

.CampStatusAllLoc {
	border: 0;
}

.CampaignStatus-AllLocations .col-sm-3 p,
.Page-SinglePageRegPledge .Navigation,
.Page-EmpRegPledge .Navigation {
	margin: 0;
}

.CampaignStatus-AllLocations h4 {
	text-decoration: underline;
}

.CampStatus .Col-Highlight, .CampHistory td.Col-Highlight {
    font-weight: normal !important;
}

.CampStatus th, .CampHistory th {
    text-align: center !important;
    line-height: 1.1 !important;
    vertical-align: middle !important;
    font-weight: 600 !important;
    font-size: 0.9em;
}

.CampStatus td, .CampHistory td {
	line-height: 1.1 !important;
	vertical-align: middle !important;
	font-size: 0.9em;
}

th.Col-Heading.Col-Integer.Col-NumEmpLabel,
th.Col-Heading.Col-Integer.Col-NumDonorLabel {
    min-width: 80px;
}

.CampStatus td.Col-Image.Col-History img {
    min-width: 16px !important;
}

.Page-BioTab .Dashboard .DashHeader {
	margin: 0 0 8px 0;
}

.Page-SinglePageRegPledge #PledgePaymentInfo .radio input[type="radio"] {
	margin-left: 0px !important;
}

.Page-SinglePageRegPledge #PledgePaymentInfo .radio label input[type="radio"] {
	margin-left: -20px !important;
}

.Row-BillingStartDate select {
	display: inline-block;
}

.SecurityCodeLabel {
	clear: both;
	width: 100%;
	margin-top: 14px;
}

#SelectedAgendiesTable.SelectedAgendiesTable .row.Row-Header,
#PASearchResults.PASearchResults .row.Row-Header,
#WriteInDesTable .row.Row-Header {
	font-weight: bold;
	margin-bottom: 0;
	padding: 0.5em 0;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

#SelectedAgendiesTable.SelectedAgendiesTable .row.Odd,
#PASearchResults.PASearchResults .row.Odd,
#WriteInDesTable .row.Row-Odd {
	margin-bottom: 0;
	padding: 0.5em 0;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

#SelectedAgendiesTable.SelectedAgendiesTable .row.Even,
#PASearchResults.PASearchResults .row.Even,
#WriteInDesTable .row.Row-Even {
	margin-bottom: 0;
	padding: 0.5em 0;
	border-right: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

.SelectedAgendiesTable div.row div[class^="col-"],
.PASearchResults div.row div[class^="col-"] {
	margin-bottom: 0 !important;
}

.SelectedAgendiesTable .row {
	border: 1px solid #dddddd;
	border-top: 0;
}

.KeywordSearch {
	margin: 12px 0;
}

#WriteInDesTable .row.Row-Even:nth-last-child(1) {
	border-bottom: 1px solid #dddddd;
}

nav.WriteInReviewButton,
nav.WriteInReviewButton .DefaultButtons .button {
	margin: 0 !important;
}

.Page-SinglePageRegPledge .IPledgeTable .col-sm-9 {
    padding-top: calc(.375rem + 1px);
}

.Page-SinglePageRegPledge div[class*="StartDate"] .col-sm-9 .form-row {
    margin-left: 0;
    margin-right: 0;
}

.Page-SinglePageRegPledge div[class*="StartDate"] .col-sm-9 .row.col-sm {
	padding-left:0;
	padding-right:0;
}

.Page-SinglePageRegPledge div#PledgePaymentInfo .form-check-label .note p {
    margin-bottom: 0;
}

.TargetedAgencies .Row-Header .col-sm-7.Col-Text.Col-Name,
.TargetedAgencies label.col-sm-7.col-form-label.Col-2.Col-Text.Col-Name,
.TargetedAgencies .col-sm-1.Col-Image {
    margin-top: .375rem;
}

@media screen and (max-width: 768px) {
.CommunityCare .Block .BlockDetails .row .col-sm-4 input,
.ServiceCategories .Block .BlockDetails .row .col-sm-4 input,
.TargetedAgencies .Block .BlockDetails .row .col-sm-4 input {
    max-width: 30%;
}

.DesFedSearchList tr.Row-Header {
    display: none;
}

nav.DIV-NothingButton,
.col-sm-3.Col-Text.Col-Nothing {
    text-align: left;
    margin: 6px 0;
}
}

@media screen and (max-width: 573px) {
#PASearchResults .col-sm-1.text-center.Col-MoreInfo,
.col-sm-1.text-center.Col-1.Col-Image.Col-PartnerAgy {
	text-align: left !important;
}
}

/*--------------------------------------------- Verification ---------------------------------------------*/
.Page-IPledgeConfirm .PledgeSummary td,
.Page-IPledgeConfirm .PledgeSummary th,
.Page-IPledgeConfirmDisplay .PledgeSummary td,
.Page-IPledgeConfirmDisplay .PledgeSummary th,
.Page-IPledgeConfirmDisplay .PledgeDes td,
.Page-IPledgeConfirmDisplay .PledgeDes th,
.Page-SPRPThankyou .PledgeSummary td,
.Page-SPRPThankyou .PledgeSummary th,
.Page-IPledgeReplicate .PledgeSummary td,
.Page-IPledgeReplicate .PledgeSummary th,
.Page-IPledgeConfirm .PledgeDesignations td,
.Page-IPledgeConfirm .PledgeDesignations th {
	padding: .75rem;
	text-align: left;
	border: 1px solid #dee2e6;
}

.Page-IPledgeConfirm .Col-Summary,
.Page-IPledgeConfirm .Col-Designations,
.Page-IPledgeConfirmDisplay .Col-Summary,
.Page-IPledgeConfirmDisplay .Col-Designations,
.Page-SPRPThankyou .Col-Summary,
.Page-IPledgeReplicate .Col-Summary,
.Page-IPledgeReplicate .Col-Designations {
	width: 300px;
}

.NavigationPTOPledgeText,
.NavigationPayrollPledgeText {
	padding-top: 5px;
}

.NavigationPTOPledge a img,
.NavigationPayrollPledge a img {
	float: left;
	margin-right: 10px;
}

.Page-SPRPThankyou .Row-YTDPledge {
	display: none;
}

.ConfirmClose {
	padding: 1em;
}

.CheckboxTable.col-sm.Interests {
    padding-top: calc(0.375rem + 1px);
}

.PledgeHours {
    white-space: nowrap;
}

#IndInfoBirth {
    border: 0;
}

/*--------------------------------------------- Campaign Status ---------------------------------------------*/
.Page-CStatus .ThermometerSection {
	float: none;
}

.Page-CStatus .CampaignStatus {
	clear: both;
}

/*--------------------------------------------- Account History ---------------------------------------------*/
.Area-AcHistory .Classic,
.Area-AcHistory .LeftAlign {
	width: 100%;
	box-sizing: border-box;
}

.Area-AcHistory .LeftAlign,
.Area-AcHistory .LeftAlign td {
	border: 1px solid #cccccc;
	padding: 3px;
}

.PercentSalaryCalc {
	margin: 10px 0 20px 0;
	border: 1px solid #cccccc;
	padding: 6px 12px;
	border-radius: 0.5em;
	max-width: 700px;
	text-align: center;
}

.PercentSalaryCalc table,
.PercentSalaryCalc input,
.PercentSalaryCalc select {
	width: 100%;
}

table#RecentTranTable nav.Navigation {
	display: none;
}

table.ATransTable .Col-PledgeAmount {
	text-align: left;
}

.Page-AHistory td,
.Page-AHistory th {
	vertical-align: middle;
}

.TransactionDetails td.Col-Percentage.Col-TimeOffHours {
    text-align: left;
}

.datepick-month-header {
  height: auto !important;
}

/*--------------------------------------------- I & R ---------------------------------------------*/
.Area-IR .LeftAlign,
.Area-IR .LeftAlign td {
	border: 1px solid #cccccc;
	padding: 3px;
}

.Area-IRSearch a:hover,
.Area-Companies a:hover {
	text-decoration: none;
}

.Page-IRMaint,
.Page-IRAdvancedS,
.Page-OrganizationInfo,
.Page-ProgramInfo {
	width: 95%;
}

.Area-IRSearch .SearchResultTotal,
.Page-OrganizationInfo .SearchResultTotal {
	margin-top: 10px;
	margin-bottom: 3px;
	font-weight: bold;
}

.Area-IRSearch .Classic td {
	padding: 8px;
}

.Area-IRSearch .Classic {
	width: 90%;
}

.page-IRMaint .HoursSummary td.Col-Time {
	white-space: nowrap;
}

.IRInformationSummaryDetails .block {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	margin-bottom: 5px;
	margin-top: 5px;
}

/*--------------------------------------------- Organization Info ---------------------------------------------*/
.Page-OrganizationInfo .OrganizationNameBlock {
	font-size: 14px;
	font-weight: bold;
}

.Page-OrganizationInfo table.SubsidPrograms {
	margin-bottom: 10px;
	margin-left: 10px;
}

.Page-OrganizationInfo .OrganizationInfo table td {
	padding: 2px 10px 2px 5px;
}

.Page-OrganizationInfo .SubsidPrograms td {
	padding: 5px;
}

.Page-OrganizationInfo .SubsidPrograms a {
	text-decoration: underline;
}

.Page-OrganizationInfo .SubsidPrograms a:hover {
	background-color: #eeeeee;
	text-decoration: none;
}

#TableSearchCompany .row {
	margin-bottom: 1em;
}

/*--------------------------------------------- CB Pages ---------------------------------------------*/
.Area-CB .LeftAlign .Col-Radio,
.Area-CB .LeftAlign .Col-Phone td {
	border: 0;
}

.Area-CB .LeftAlign .Col-Phone td {
	padding: 2px;
}

.Area-CB .Classic .col-input,
.Area-CB .Classic .col-integer,
.Area-CB .Col-Percent input {
	text-align: right;
}

.Area-CB .align td {
	padding: 3px;
}

.Area-CB input,
.Area-CB textarea,
.Area-CB select {
	background: none repeat scroll 0 0 #ffffff;
	border: 1px solid #cccccc;
}

.Area-CB .Title,
.Area-CB .AccountName {
	color: #000000;
}

.Page-CBOutstanding table {
	width: 95%;
}

.Page-CBOutstanding .TableAccountCBItems .AccountName {
	font-weight: bold;
}

/*--------------------------------------------- CB Package ---------------------------------------------*/
.CBPackages td.Col-Space {
	min-width: 180px;
}

.Section-Survey span.Col-Label,
#ReferenceMaterial span.Col-Label {
	font-weight: normal !important;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9 {
	padding-left: 6em;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9 {
	padding-left: 8.4em;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent0,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent0,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent0,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent0,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent0,
.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent1,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent1,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent1,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent1,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent1,
.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent2,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent2,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent2,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent2,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent2,
.PortletSurvey label.col-sm-3.col-form-label.PromptBlock,
.Section-Survey label.col-sm-3.col-form-label.PromptBlock,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.PromptBlock,
#ReferenceMaterial label.col-sm-3.col-form-label.PromptBlock,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.PromptBlock,
.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent3,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent3,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent3,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent3,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent3,
.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent4,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent4,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent4,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent4,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent4,
.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent5,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent5,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent5,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent5,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent5 {
	display: block;
	width: 100%;
	max-width: 100%;
	flex: 100%;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9 {
	padding-left: 11em;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9 {
	padding-left: 13.4em;
}

.PortletSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9 {
	padding-left: 16em;
}

form#Forms .TableFormDetails .row.Row-LineDetail .col-sm-12 .checkbox label.Col-Label {
	padding-left: 15px;
}

form#Forms .TableFormDetails .row.Row-LineDetail .col-sm-12 .checkbox label.Col-Label span.NumberingNoTable {
	display: inline-block;
	width: 32px;
}

.AccountInfo h2 .icon i {
	display: inline-block;
	font-size: 60%;
}

.Page-CBPackageDtlUpdate table.OutcomeDetails {
	width: 100%;
}

.Page-CBPackageDtlUpdate th.Col-SeqNumberLabel {
	width: 1%;
	white-space: nowrap;
}

.Page-CBPackageDtl .Classic {
	border: 0;
}

.Page-CBPackageDtlUpdate .l1119Time {
	margin-left: 3px;
}

.Page-CBPackageDtlUpdate .Col-SeqNumber,
.Page-CBPackageDtlUpdate .MeasurementDetails .Col-Heading.Col-Comment {
	text-align: left;
}

.Page-CBPackageDtlUpdate .MeasurementDetails .Col-Comment {
	text-align: right;
}

.col-sm-9.Col-RadioYNNA div {
  white-space: nowrap;
}

li.ui-state-default {
   border: 0;
   background: transparent;
}

li.ui-state-default:hover {
  cursor: pointer;
}

ul.ui-sortable {
  margin: 0 0 30px 0;
}

.Section-Survey .Col-Year input {
  max-width: 100px;
}

@media (max-width: 765px) {
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent0+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent0+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent0+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent0+.col-sm-9,
.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent1+.col-sm-9 {
    padding-left: 2.4em;
}

.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent2+.col-sm-9 {
    padding-left: 4em;
}

.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent3+.col-sm-9 {
    padding-left: 5.6em;
}

.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent4+.col-sm-9 {
    padding-left: 7.3em;
}

.Section-Survey label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label.LineIndent5+.col-sm-9 {
    padding-left: 8.5em;
}

.Section-Survey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Dollar,
.Section-Survey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Number,
.Section-Survey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Time,
.Section-Survey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Date,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Dollar,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Number,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Time,
.Page-CBPackageDtlUpdate label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Date,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Dollar,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Number,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Time,
#ReferenceMaterial label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Date,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Dollar,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Number,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Time,
.Col-Survey.Col-AttendSurvey label.col-sm-3.col-form-label.Col-Label+.col-sm-9.Col-Date {
    max-width: 100%;
}
}

/*--------------------------------------------- Board Member ---------------------------------------------*/
.Section-NewMember {
    padding-top: 0.5em;
}

.Page-NewMember .IndProfileInclude td {
	border: 0;
}

.Area-CB .IndProfileInclude td td {
	padding: 0;
}

.Area-CB .Page-NewMember .IndProfileInclude table {
	width: 100%;
}

/*--------------------------------------------- Forms ---------------------------------------------*/
.FileChooser-wrap {
    display: flex;
}
.FileChooserIcon {
    flex-grow: 1;
	display: flex;
    align-items: center;
    gap: 10px;
}
.DocUploadRespose {}

.card-group.form {
    flex-wrap: wrap;
}
.card-group.form .card {
    flex: 50%;
    max-width: 50%;
    margin-top: -1px;
}
.card-group.form>.card:not(:last-child),
.card-group.form>.card:not(:first-child) {
    border-radius: 0;
}
.card-group.form .card:nth-child(odd) {
    border-left: 1px solid var(--bs-card-border-color);
}
.card-group.form .card-body label.col-form-label {
    padding-top: 0;
}
@media screen and (max-width: 728px) {
	.card-group.form .card {
	    max-width: unset;
	}
	.card-group.form .card-body.w-50 {
	    width: 100% !important;
	}
	.card-group.form .d-flex {
	    flex-wrap: wrap;
	}
}

.input-group .form-control-plaintext {
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}

.col-sm-9.Col-Phone .row {
	margin-left: 0;
	margin-right: 0;
}

.form-horizontal div.row div[class^="col-"] {
	margin-bottom: 0.5em;
}

.row.PercentAmount .col-sm-9,
.row.DollarAmount .col-sm-9 {
	min-height: 34px;
}

.TableFormDetails .Row-LineDetail {
	clear: both !important;
}

.TableFormDetails .LineIndent1 {
	padding: 0 0 0 10px;
}

.TableFormDetails .LineIndent2 {
	padding: 0 0 0 20px;
}

.TextFieldBlock.LineIndent2 {
	padding-left: 40px;
}

.TableFormDetails .LineIndent3 {
	padding: 0 0 0 30px;
}

.TableFormDetails .LineIndent4 {
	padding: 0 0 0 40px;
}

.TableFormDetails .LineIndent5 {
	padding: 0 0 0 50px;
}

.TableFormDetails textarea {
	width: 100%;
	float: none;
}

.FixedBoxWidth .TableFormDetails textarea {
	width: 100%;
}

.TableFormDetails .Col-Integer,
.TableFormDetails .Col-YesNo {
	white-space: nowrap;
    padding-top: calc(.375rem + var(--bs-border-width));
}

.TableSelectForm th.Col-Name {
	width: 80%;
}

.TableFormDetails .FontSize1 {
	font-size: 110%;
}

.TableFormDetails .FontSize2 {
	font-size: 120%;
}

.TableFormDetails .FontSize3 {
	font-size: 130%;
}

.TableFormDetails .FontSize4 {
	font-size: 140%;
}

.TableFormDetails .FontSize5 {
	font-size: 150%;
}

.TableFormDetails .FontSize-1 {
	font-size: 90%;
}

.TableFormDetails .FontSize-2 {
	font-size: 80%;
}

.TableFormDetails .FontSize-3 {
	font-size: 70%;
}

.TableFormDetails .FontSize-4 {
	font-size: 60%;
}

.TableFormDetails .FontSize-5 {
	font-size: 50%;
}

.TableFormDetails .FontBOLD {
	font-weight: bold;
}

.TableFormDetails .FontITALIC {
	font-style: italic;
}

.TableFormDetails .FontUNDERLINED {
	text-decoration: underline;
}

.FixedBoxWidth .TableFormDetails .Row-LineDetail input,
.FixedBoxWidth .TableFormDetails .Row-LineDetail select {
	width: 160px;
}

.Page-Forms .CompleteStatus {
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 14px;
}

.Page-SurveyNE .TableFormDetails .Col-label,
.Page-EventAttendance .TableFormDetails .Col-label {
	width: 70%;
}

.Page-NewOutcome .Title,
.Page-NewActivity .Title,
.Page-Outputs .Title,
.Page-NewOutput .Title,
.Page-NewCompanyAdd .Title,
.Page-NewCompany .Title,
.Page-NewIndicator .Title,
.Page-UpdateBM .Title,
.Page-NewMember .Title,
.Page-NewInput .Title,
.Page-AddFund .Title,
.Page-Measurements .Title,
.Page-NewMeasurement .Title {
	margin-bottom: 0.5em;
	color: #000000;
	border-bottom: 4px solid #000000;
	font-size: 20px;
	font-weight: bold;
}

.TableLayout .Col-Label,
.TableLayout .Col-Text {
	vertical-align: middle;
}

.TableLayout .Row-LineDetail .Numbering {
	display: table-cell;
	padding-right: 6px;
}

.TableLayout .Row-LineDetail .PromptBlock,
.TableLayout .Row-LineDetail .DataBlock {
	display: table-cell;
}

.TableLayout.LeftAlign.TableFormDetails {
	width: 100%;
}

.TableLayout .Row-LineDetail td {
	border: 0;
}

.TableLayout .DocUploadRespose,
.TableLayout .Col-YesNo,
.TableLayout .Col-Table,
.TableLayout Col-Total,
.TableLayout .WordCount,
.TableLayout .Col-Date,
.TableLayout .Col-TextLine,
.TableLayout .Col-Time,
.TableLayout .Col-eMail {
	text-align: right;
}

.TableLayout .Col-Phone table,
.TableLayout .Col-RadioYNNA table,
.TableLayout .TextFieldBlock table {
	float: right;
}

.TableLayout.LeftAlign .TextFieldBlock td,
.TableLayout.LeftAlign .Col-RadioYNNA td {
	padding: 0;
}

.subscriptionsList a.btn {
	color: #ffffff !important;
}

#addressRow .col-3.col-md {
    width: 33.333333%;
}

@media screen and (max-width: 768px) {
.Section-Survey .row,
.IPledgeTable .row.CardNumberInfo,
.IPledgeTable .row.CardNameInfo {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.radioSpace,
.Section-SubscriptionVolunteerRelease .agencyList .Row-AgencyHeadings {
    display: none;
}

.Section-SubscriptionVolunteerRelease .agencyList .Col-AgencyName:before {
    content: "Agency";
    position: absolute;
    top: 0px;
    left: 8px;
}

.Section-SubscriptionVolunteerRelease .agencyList .Col-Opportunity:before {
	content: "Opportunity";
	position: absolute;
	top: 0px;
	left: 8px;
}

.Section-SubscriptionVolunteerRelease .agencyList .Col-emailReleaseStatus:before {
	content: "eMail Info";
	position: absolute;
	top: 0px;
	left: 8px;
}

.Section-SubscriptionVolunteerRelease .agencyList .Col-AgencyName p,
.Section-SubscriptionVolunteerRelease .agencyList .Col-Opportunity p,
.Section-SubscriptionVolunteerRelease .agencyList .Col-emailReleaseStatus a {
	padding-left: 50%;
}

.Section-SubscriptionVolunteerRelease .agencyList .Col-AgencyName,
.Section-SubscriptionVolunteerRelease .agencyList .Col-Opportunity,
.Section-SubscriptionVolunteerRelease .agencyList .Col-emailReleaseStatus {
	position: relative;
}

.Section-SubscriptionVolunteerRelease .agencyList .Row-Agency {
	border-bottom: 1px solid #999999;
	padding: 10px 0;
}
}

/*--------------------------------------------- Budget ---------------------------------------------*/
.Page-Budget div.BlockTotals,
.Page-GovFund div.GovFundTotal {
	width: 90%;
	text-align: right;
}

.Page-Budget table.BudgetTotals,
.Page-GovFund table.TotalGovFund {
	width: 30%;
}

table.BudgetTable1 {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	color: #000000
}

table.BudgetTable th,
table.BudgetTable td {
	vertical-align: middle;
}

table.BudgetTable th.Col-DescriptionLabel {
	width: 80%;
	white-space: nowrap;
}

.BudgetTotal,
.BudgetTotals,
.BudgetTotals td,
.TotalGovFund,
.TotalGovFund td {
	border: 1px solid #cccccc;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
}

.DIV-BudgetSecondCom,
.DIV-BudgetComment {
	text-decoration: underline;
}

/*--------------------------------------------- Demographics ---------------------------------------------*/
table.DemoDetail td.Col-DemoTotal {
	background-color: #ffffff;
	font-weight: bold;
	color: #000000;
}

table.DemoDetail td {
	vertical-align: middle;
}

/*--------------------------------------------- Outcomes ---------------------------------------------*/
.Outcomes .CommunityOutcomeLabel,
.Outcomes .ProgramOutcomeLabel,
.Indicators .CommunityOutcomeLabel,
.Indicators .ProgramOutcomeLabel,
.Indicators .CommunityIndicatorLabel,
.Indicators .ProgramIndicatorLabel {
	font-weight: bold;
	margin-top: 10px;
}

.Section-Outcomes .Outcomes .Row-Even td {
	background-color: #ffffff;
}

/*--------------------------------------------- Outputs ---------------------------------------------*/
.Section-Measurements .MeasurementsBlock,
.Section-Activity .OutputsBlock {
	margin-top: 10px;
	border: 1px solid #cccccc;
	padding: 5px;
	background-color: #eeeeee;
}

.Section-Measurements .MeasurementsBlock table,
.Section-Activity .OutputsBlock table {
	width: 95%;
}

.Page-MyOutputs .RefreshMessage {
	font-size: 10px;
	font-style: italic;
}

table#MyOutputs .row label {
	display: none;
}

.fa-calendar.datepick-trigger {
	margin-left: 6px;
	cursor: pointer;
}

@media screen and (max-width: 820px) {
#MyOutputs .headerTable {
	display: none;
}

#MyOutputs td {
	white-space: initial;
}

table#MyOutputs .row label {
	display: inline-block;
	width: 30%;
}
}

/*--------------------------------------------- Profile Report ---------------------------------------------*/
.Page-ProfileReport .ProfileReport div {
	border: 1px solid #cccccc;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #eeeeee;
	padding: 3px;
}

.Page-ProfileReport blockquote {
	margin-top: 5px;
	margin-bottom: 5px;
}

#RosterNameData .offset-sm-3, #CGiverNameData .offset-sm-3,
#nameRow .offset-sm-3 {
  margin-left: 0 !important;
}

/*--------------------------------------------- Program Evaluation ---------------------------------------------*/
.Page-ProgramEval {
	overflow: auto;
}

.Page-ProgramEval .Section-ProgramQuestion {
	background-color: #ffffff;
	padding: 1em;
}

.TableQuestionDetails .row {
	margin-bottom: 1em;
}

.Page-ProgramEval .Section-Reports,
.Page-ProgramEval .Section-ReferenceMaterials {
	background-color: #ffffff;
}

.Page-ProgramEval .Section-Reports .Block {
	overflow-y: scroll;
	height: 150px;
}

.Page-ProgramEval .Section-ReferenceMaterials .Block {
	overflow-y: scroll;
	height: 600px;
}

.Page-ProgramEval #programNavTree {
	float: right;
	width: 90%;
	padding-left: 1em;
	border-left: 1px dotted #cccccc;
}

.Page-ProgramEval #ProgramNavigation {
	float: left;
	width: 10%;
	padding-top: 1.5em;
	padding-right: 1em;
}

.Page-ProgramEval #PreviousProgramButton,
.Page-ProgramEval #NextProgramButton {
	min-height: 20px;
	position: relative;
}

.Page-ProgramEval #PreviousProgramButton a,
.Page-ProgramEval #NextProgramButton a {
	padding: 0.3em;
	display: inline;
}

.Page-ProgramEval #PreviousProgramButton a i.fa-arrow-circle-left,
.Page-ProgramEval #NextProgramButton a i.fa-arrow-circle-right {
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.Page-ProgramEval #PreviousProgramButton::before,
.Page-ProgramEval #NextProgramButton::before {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #cccccc;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -6px;
	margin-top: -7px;
}

.Page-ProgramEval #ProgramNote {
	padding: 0.3em 0;
}

.Page-ProgramEval section#programNavTree {
	overflow: auto;
}

#QuestionSection.Section-QuestionDetails {
	clear: both;
	margin: 30px 0 10px 0;
}

.Page-ProgramEval nav.EvalNavigation li {
	display: inline;
}

.Page-ProgramEval .Section-QuestionDetails hr {
	border: 1px solid #ffffff;
}

.Section-QuestionDetails .WorkingOrgAccount,
.Section-Reports p:first-child {
	font-weight: bold;
}

.Page-ProgramEval .QuestionDetails .TableQuestionDetails td {
	padding: 5px;
}

ul.QuestionDetails {
	padding: 0;
	list-style: none;
}

ul.QuestionDetails li {
	margin-bottom: 1em;
}

ul.QuestionDetails li::before {
	display: block;
	font-size: 12px;
	color: #999999;
}

ul.QuestionDetails > li:first-child::before {
	content: 'Agency Name:';
}

ul.QuestionDetails >  li:nth-child(n+2)::before {
	content: 'Funding Catagory';
}

.row.Row-ReferenceMaterial {
	margin-bottom: 1.5em;
}

.Row-Question p {
	font-size: 14pt;
	line-height: 18pt;
	margin: 1em 0;
}

.TableQuestionDetails .row {
	margin-bottom: 1em !important;
}

.Section-Submit .Block,
.Section-Submit .Block nav.EvalNavigation,
.Section-Submit .Block nav.EvalNavigation ol {
	margin: 0;
	padding: 0;
}

.Page-ProgramEval .Section-ReferenceMaterials .BlockDetails table {
	width: 100%;
	box-sizing: border-box;
}

.Section-Submit p.SubmitNote,
.Page-ProgramEval .Section-ReferenceMaterials .Col-YearLabel {
	text-align: center;
}

.Page-ProgramEval .Section-ReferenceMaterials .EvaluationRefTitle {
	font-size: 12px;
	font-weight: bold;
}

.Page-ProgramEval .IndicatorMeasurementsTable .Col-Heading {
	border: 1px solid #cccccc;
	text-align: left;
}

.Page-ProgramEval .IndicatorMeasurementsTable .Col-BaseLabel,
.Page-ProgramEval .IndicatorMeasurementsTable .Col-PercentLabel,
.Page-ProgramEval .IndicatorMeasurementsTable .Col-AchievedLabel,
.Page-ProgramEval .IndicatorMeasurementsTable .Col-S-BaseLabel,
.Page-ProgramEval .IndicatorMeasurementsTable .Col-S-PercentLabel,
.Page-ProgramEval .IndicatorMeasurementsTable .Col-S-AchievedLabel,
.Page-ProgramEval .EvaluationBudgetStyle .Col-Dollar,
.Page-ProgramEval .EvaluationBudgetStyle tr.Report-Header .Col-1,
.Page-ProgramEval .EvaluationBudgetStyle tr.Report-Header .Col-2,
.Page-ProgramEval .EvaluationBudgetStyle tr.Report-Header .Col-3,
.Page-ProgramEval .EvaluationBudgetStyle tr.Report-Header .Col-4 {
	text-align: right;
}

.Page-ProgramEval .OutcomesStyle .Col-OutcomeScope,
.Page-ProgramEval .OutcomesStyle .Col-Space,
.Page-ProgramEval .EvaluationBudgetStyle .Col-Description,
.Page-ProgramEval .EvaluationBudgetStyle .Col-Side {
	text-align: left;
}

.Page-ProgramEval .IndicatorMeasurementsTable td {
	border: 1px solid #cccccc;
	padding: 2px;
}

.Page-ProgramEval .IndicatorMeasurementsTable {
	margin-top: 3px;
}

.ProgEvenDtlCBTree {
	font-size: 120%;
	font-weight: bold;
	margin-top: 5px;
}

.Page-ProgramEval .SelectedProgram {
	background-color: #eeeeee;
	padding: 0.5em !important;
}

.ProgEvenDtlProgram a.ProgEvalDtl {
	padding: 0.3em;
	display: block;
}

.Page-ProgramEvalReview .TableQuestionDetails td {
	padding: 5px;
	border: 1px solid #cccccc;
}

tr.EvaluationGovFundTotalStyle {
	background-color: #eeeeee;
	color: #000000;
}

table.EthnicGroups {
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	color: #000000;
}

.Area-CB .TableReferenceMaterial,
.Area-CB .LeftAlign td.Col-ReferenceMaterial {
	border: 0;
}

.datepick-popup {
  position: absolute;
  z-index: 260000 !important;
}

@media screen and (max-width: 768px) {
.Page-ProgramEval section#programNavTree,
.Page-ProgramEval #ProgramNavigation {
	float: none !important;
	width: 100% !important;
	display: block;
	padding: 0;
}
}


.EvalRefBudgetTooltip {
    position: relative;
    display: inline-block;
}

.EvalRefBudgetTooltip .tooltip {
    padding: 0.5em 0.9em;
    width: 340px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #777;
    color: #444;
    z-index: 2;
    display: none;
    position: absolute;
}

.EvalRefBudgetTooltip .tooltiptextright {
    right: 0px;
}

.EvalRefBudgetTooltip .tooltiptextleft {
    left: 0px;
}

.EvalRefBudgetTooltip .tooltiptexttop {
    bottom: 20px;
}

.EvalRefBudgetTooltip .tooltiptextbottom {
    top: 20px;
}

.EvalRefBudgetTooltip:hover .tooltiptextleft,
.EvalRefBudgetTooltip:hover .tooltiptextright {
	display: block;
	opacity: 1;
}

.EvalRefBudgetTooltip .col-sm-3, .EvalRefBudgetTooltip .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
}

span.tooltiptextleft div:last-child,
span.tooltiptextright div:last-child {
    margin: 0;
}

.EvalRefBudgetTooltip .tooltiptextleft {
    left: 0px;
}

.EvalRefBudgetTooltip .tooltiptextright {
	right:0;
}


a[class^="tooltip"] i.fa {
    color: #bbbbbb;
    margin-right: 4px;
	font-size: 14px
}

/*--------------------------------------------- Account Search ---------------------------------------------*/
#SearchResultList small.Col-Heading {
	color: #666666;
	font-size: 10px;
	text-transform: uppercase;
}

#SearchResultList small.Col-Heading::after {
	content: ': ';
}

.Col-HREF.Col-BioTabs .nav.nav-pills>li>a {
  font-size: 14px;
  padding: 0px 14px !important;
  border-right: 1px solid #999;
}

.Page-AccountSearch .SearchResultList {
	width: 100%;
	box-sizing: border-box;
}

.Page-AccountSearch .SearchResultList th,
.Page-AccountSearch .SearchResultList td {
	padding: 6px 4px;
}

.Page-AccountSearch .SearchResultList .Col-Space {
	display: none;
}

.Page-AccountSearch .SearchResultList .col-address {
	width: 50%;
}

form .col-sm-9 > .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0;
}

form .Label.Preferred-Manager {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    font-weight: bold;
}

form .ANDARCheckBox.PREFERMANAGER {
    display: block;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
    padding-left: 0;
}

.DISABLED .form-control {
    background-color: #e9ecef;
    opacity: 1;
}


.Page-AccountSearch #SearchResultList .Col-Text.Col-Account {
  font-weight: 600;
  font-size: 16px;
}

.Col-HREF.Col-BioTabs .nav.nav-pills > li > a {
  font-size: 14px;
  padding: 0px 14px !important;
  border-right: 1px solid #999;
}

.Page-AccountSearch .Col-HREF.Col-BioTabs .nav.nav-pills > li:last-child > a {
  border-right: 0;
}

.Page-AccountSearch #SearchResultList p {
  margin: 0 0 0 14px;
  font-size: 14px;
  line-height: 24px;
}

.Page-AccountSearch #SearchResultList .col-sm-2,
.Page-AccountSearch #SearchResultList .col-sm-3,
.Page-AccountSearch #SearchResultList .col-sm-4 {
  width: 100%;
}

.Page-AccountSearch #SearchResultList td {
  padding: 32px 40px 36px 40px;
  border: 0;
}

.Page-AccountSearch #SearchResultList tr {
	border: 0;
}

.Page-AccountSearch #SearchResultList .nav.nav-pills {
  margin-top: 10px;
}

.Page-AccountSearch #SearchResultList small.Col-Heading {
	display: none;
}

.Page-AccountSearch #SearchResultList .Col-Integer.Col-AccountNumber {
	text-align: left;
}

/*--------------------------------------------- Dashboard ---------------------------------------------*/
.input-group p.form-control {
    margin: 0;
}
.DashboardAppDetail table,
table.BioCampSummaryTable {
    width: 100%;
}
.DashboardAppDetail table td,
table.BioCampSummaryTable td {
    padding: 5px;
}
.Dashboard .Highlight {
	font-weight: bold;
	background-color: #eeeeee;
	padding: 2px;
}

.Dashboard th,
.Dashboard td.Col-Heading,
.ANDARMaintenanceHTML th {
	vertical-align: top !important;
}

.AppletLayout,
.AppletLayout td {
	border: 0 !important;
	padding: 0;
}

.NumericalInformationMaintenance .Col-Fmt-NumericalInfoFormatter {
	text-align: left;
}

.ANDARMaintenanceHTML object {
	width: 100%;
	height: 15px;
}

.Col-Name-DOCID,
.Col-Name-NOTESET {
	display: none;
}

.Col-Fmt-ANDARWholeNumberFormatter,
.Col-Fmt-ANDARIntegerFormatter,
.Col-Fmt-ANDARDollarAmountFormatter,
.Col-Fmt-ANDARPercentFormatter,
.Col-Fmt-ANDARRealNumberFormatter,
.BioDonorStatisticsTable .Col-Date,
.BioDonorStatisticsTable .Col-MaxGiftMonth,
.BioDonorStatisticsTable .Col-DesignationPercentLabel,
.BioDonorStatisticsTable .Col-DesignationTrendLabel,
.BioDonorStatisticsTable .Col-DesignationAverageLabel,
.BioDonorStatisticsTable .Col-VolCountLabel,
.BioDonorStatisticsTable .Col-VolCountTrendLabel,
.BioDonorStatisticsTable .Col-VolHourLabel,
.BioDonorStatisticsTable .Col-VolHourTrendLabel,
.BioDonorStatisticsTable .Col-EventCountTrendLabel,
.BioDonorStatisticsTable .Col-EventCountLabel {
	text-align: right;
}

.Col-Fmt-ANDARDateFormatter,
.Col-Fmt-ANDARYearFormatter {
	text-align: center;
}

.DashWidth1,
.DashWidth2,
.DashWidth3 {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 1em;
}

.BioHistoryChart object,
.BioDashExtender object {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

applet,
.AppletWrapper object,
.AppletLayout {
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
}

.AppletLayout {
	border-collapse: collapse;
}

.AppletLayout td.AppletWrapper {
	width: 98%;
}

.AppletSpacer {
	width: 0;
	height: 20px;
}

.Page-Dashboard ul {
	list-style: none;
	margin-bottom: 0;
}

.Page-Dashboard ul li.LeafNode {
	background: url("../../Images/sArrow.gif") no-repeat 0px 4px;
	height: auto;
}

.Page-Dashboard ul li.BranchNode {
	background: url("../../Images/folder.gif") no-repeat 0px 4px;
	height: auto;
}

.AccountQuickSearchComp .page-header {
    width: 100%;
    margin-top: 28px;
}
.AccountQuickSearchComp .dropdown-toggle::after {
    display: none;
}

.Area-BioTab .row.row.Row-LineDetailSubForm > .col-sm-12 {
    display: block;
}

.SubFormTable {
    float: none !important;
}

.ui-dialog .SubFormTable .fa-plus:before {
    font-size: 16px;
    margin: 4px 0;
    display: block;
}

.Section-UpdateApp #FormHeader .col-sm-9.Col-Input,
.Section-UpdateApp .TableFormDetails .Col-YesNo {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.Dashboard .btn-group .btn.btn-light {
    background-color: transparent;
    border-color: transparent;
}

.Area-BioTab input#ACCOUNTNUMBER {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.Area-BioTab .ANDARCheckBox.EMAILVOLUNTEER {
    padding-left: 124px;
}

.Area-BioTab input#ACCOUNTNUMBER {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}

.Area-BioTab .ANDARCheckBox.EMAILVOLUNTEER {
    padding-left: 124px;
}

.Area-BioTab .ANDARRadioButton.col-sm-3 {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.Area-BioTab .ANDARRadioButton.col-sm-3 input[type="radio"] {
    vertical-align: middle;
}

.Area-BioTab #TEAMID.col-sm-9 {
    margin-left: 15px !important;
    max-width: calc(75% - 30px);
    width: calc(75% - 30px);
    flex: 0 0 calc(75% - 30px);
}

.ui-menu .ui-menu-item-wrapper,
.ui-menu .ui-menu-item-wrapper:hover,
.ui-menu .ui-menu-item-wrapper:visited,
.ui-menu .ui-menu-item-wrapper:active {
    color: #333333 !important;
    display: block !important;
    padding-bottom: 10px !important;
}

.ui-menu .ui-menu-item-wrapper:hover {
	background-color: #eeeeee !important;
	border: 1px solid transparent;
	padding-bottom: 10px !important;
}

@media (max-width: 768px) {
table.ANDARMaintenanceHTML.MobileTable thead {
	display: none;
}

table.ANDARMaintenanceHTML td {
	display: flex;
	align-items: center;
	width: 100%;
}

table.ANDARMaintenanceHTML td:before {
	content: attr(data-title);
	min-width: 50%;
	display: inline-block;
	font-weight: 600;
	max-width: 50%;
	padding-right: 0.5em;
}

td.Col-Text {
	word-break: break-word;
	hyphens: auto;
}

.Col-Dollar,
.Col-Integer,
.Col-Percentage,
.Col-Decimal,
.Col-Number,
.Col-Percentage input,
.Col-Dollar input,
.Col-Integer input,
.Col-Decimal input,
.Col-Number Input,
.Col-Fmt-ANDARWholeNumberFormatter,
.Col-Fmt-ANDARIntegerFormatter,
.Col-Fmt-ANDARDollarAmountFormatter,
.Col-Fmt-ANDARPercentFormatter,
.Col-Fmt-ANDARRealNumberFormatter,
.BioDonorStatisticsTable .Col-Date,
.BioDonorStatisticsTable .Col-MaxGiftMonth,
.BioDonorStatisticsTable .Col-DesignationPercentLabel,
.BioDonorStatisticsTable .Col-DesignationTrendLabel,
.BioDonorStatisticsTable .Col-DesignationAverageLabel,
.BioDonorStatisticsTable .Col-VolCountLabel,
.BioDonorStatisticsTable .Col-VolCountTrendLabel,
.BioDonorStatisticsTable .Col-VolHourLabel,
.BioDonorStatisticsTable .Col-VolHourTrendLabel,
.BioDonorStatisticsTable .Col-EventCountTrendLabel,
.BioDonorStatisticsTable .Col-EventCountLabel {
	text-align: left;
}

.CampStatus .Report-Header td {
    padding-left: 0 !important;
}

.AddApp .col-sm-9 .Date, .AddApp .col-sm-9 .Time {
    width: 100% !important;
    display: block !important;
}

.ANDARCheckBox.EMAILVOLUNTEER {
    padding-left: 0 !important;
}
}

/*--------------------------------------------- Bio Tab ---------------------------------------------*/
.AttachmentRow>div {
	word-break: break-word;
}

.Page-BioTab .DashBox .Navigation {
	margin: 0;
}

.DashBox .Navigation nav {
    margin-bottom: 8px;
}

.Page-BioTab .NavigationTab1 {
	position: absolute;
	top: 0px;
	left: 10px;
}

.Page-BioTab .NavigationTab2 {
	position: absolute;
	top: 0px;
	left: 70px;
}

.Page-BioTab .NavigationTab3 {
	position: absolute;
	top: 0px;
	left: 130px;
}

.Page-BioTab .NavigationTab4 {
	position: absolute;
	top: 0px;
	left: 190px;
}

.Page-BioTab .NavigationTab5 {
	position: absolute;
	top: 0px;
	left: 250px;
}

.BioTabData h2 {
	text-decoration: none;
}

.Page-BioTab .DashBox .AddActivity,
.Page-BioTab .DashBox .AddActivity input,
.Page-BioTab .DashBox .AddActivity textarea,
.Page-BioTab .DashBox .AddActivity select {
	width: 100%;
	box-sizing: border-box;
}

.Page-Dashboard form>.Navigation {
	position: static !important;
}

.AccountLink {
	background-color: transparent !important;
	padding: 4px 0 !important;
}

.Page-BioTab .AccountQuickSearchComp #accountNumber {
    width: 80%;
}

.Page-BioTab div[class$="Theme"] {
    width: 100%;
}

.Page-BioTab h1 {
	margin-top: 28px;
}

/*--------------------------------------------- Statement Summary ---------------------------------------------*/
.StatementSummary .leftAlign,
.StatementSummary .leftAlign td {
	border: 0;
}

.StatementSummary .leftAlign .Col-Heading {
	background-color: transparent;
	color: #000000;
	width: 200px;
}

.StatementSummary .Classic {
	width: 100%;
}

.StatementSummary .Row-SubHeading td,
.StatementSummary .Row-TotalAmount td {
	color: #000000;
	font-weight: bold;
	background-color: #f1f1f1;
}

/*--------------------------------------------- Event Registration ---------------------------------------------*/
#LoginBlock {
	background-color: #f1f1f1;
	padding: 1em;
	border-radius: 0.5em;
	padding-bottom: 1.5em;
}

.Page-EventRegistration .FeesTable,
.Page-EventRegistration .Options,
.Page-EventRegistration .AttendList,
.Page-EventRegistration .SPAN-EventRegDone {
	margin-top: 20px;
}
.CouponCodeApply * {
    margin: 0 !important;
}

.LoginBlock nav ol {
    margin: 0;
}

#AttendListDtl .Col-AttendSurvey {
    max-width: 50%;
    width: 50%;
}

.Page-EventRegistration .eComm-container > .row.my-3.row-gap-3 > .col-md-6 {
  max-width: 100%;
  flex: 0 0 100%;
}

@media screen and (max-width: 1024px) {
	#AttendListDtl .Col-AttendSurvey {
	    max-width: 100%;
	    width: 100%;
	}
}


.Page-EventRegistration .Classic tr.Row-Total td {
	background-color: #eeeeee;
}

.Page-EventRegistration .Classic tr.Row-Total span {
	text-align: right;
}

.Page-EventRegistration .Section-EventRegistration .WillAttendBlock .BlockHeader {
	padding: 0;
}

.Page-EventRegistration #PaymentInformationBlock,
.Page-EventRegistration #BMPayment {
	margin: 10px 0px;
	border: 1px solid #cccccc;
	width: auto;
	padding: 6px 10px;
	background-color: #eeeeee;
}

.Page-EventRegistration #BMPayment table {
	width: 100%;
	margin-top: 5px;
}

.Page-EventRegistration .SecurityCode {
	margin-top: 10px;
	margin-bottom: 10px;
}

.AgencyRegistrationSecCode>.SecurityCode {
	width: 100%;
}

.AgencyRegistrationSecCode>.SecurityCode .SecurityCodeImage,
.AgencyRegistrationSecCode>.SecurityCode .SecurityCodeValue {
	width: inherit;
}

table.AgInfo {
	width: 100%;
	margin-bottom: 1em;
	font-family: Arial;
}

table.AgInfo tr td {
	padding-bottom: 1em;
}

table.AgInfo td.LeftLabel {
	font-weight: bold;
}

.DesInfoDesc {
	font-size: 16px;
}

.Section-EventRegistration .Col-AttendCombGiver {
	text-align: right;
}

.MainPage form .AttendList .Col-Heading {
	padding: 2px 6px;
}

.Section-EventRegistration .AttendList .Col-FirstName input,
.Section-EventRegistration .AttendList .Col-LastName input,
.Section-EventRegistration .AttendList .Col-email input,
.Section-EventRegistration .AttendList select,
.Section-EventRegistration .AttendList textarea {
	width: 100%;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}

.Col-AttendSurvey .Row-LineDetail,
.Col-AttendSurvey .Row-Mandatory {
	/*margin: 6px 0 6px 10px;*/
}

.TableFormDetails .Row-LineDetail .Col-Date a img {
	vertical-align: middle;
}

.Section-EventRegistration .AttendList,
.Section-EventRegistration .AttendList .TableLayout,
.FixedBoxWidth .NonTableLayout .LineIndent0 textarea,
.FixedBoxWidth .NonTableLayout .LineIndent1 textarea,
.FixedBoxWidth .NonTableLayout .LineIndent2 textarea,
.FixedBoxWidth .NonTableLayout .LineIndent3 textarea,
.FixedBoxWidth .NonTableLayout .LineIndent4 textarea,
.FixedBoxWidth .NonTableLayout .LineIndent5 textarea {
	box-sizing: border-box;
	width: 100%;
}

.Section-EventRegistration .AttendList .Row-Separate .Col-Space,
.Section-EventRegistration .AttendList .Row-Separate .Col-Separate {
	display: none;
}

.MainPage .TableFormDetails .Row-LineDetail .Col-Phone td {
	border: 0;
	padding: 0;
}

.MainPage .TableFormDetails .Row-LineDetail .Col-Radio,
.Col-AttendSurvey .Row-LineDetail td,
.Col-AttendSurvey .Row-Mandatory td,
.Area-Registration .PaymentInformation .Col-CardType td {
	border: 0;
}

.TableFormDetails .Row-LineDetail .Col-Phone .col-sm-3,
.TableFormDetails .Row-LineDetail .Col-Time .col-sm-8 {
	padding-left: 0;
	padding-right: 0;
}

.NonTableLayout .WordCount {
	text-align: right;
}

.TableLayout .WordCount,
.TableLayout .Col-Document input,
.NonTableLayout .Row-LineDetail table  {
	float: right;
}

.row.Row-LineDetail .Col-Time {
	max-width: 50%;
}

.TableFormDetails .Row-LineDetail .Col-Time .col-sm-4 {
	padding-right: 0;
}

.TableFormDetails .Row-LineDetail .Col-Checkbox {
	text-align: left;
}

.Area-Registration .Col-AttendSurvey .TableLayout td {
	border: 0;
	padding: 5px 2px 5px 6px;
}

.NonTableLayout .LineIndent0 textarea,
.NonTableLayout .LineIndent1 textarea,
.NonTableLayout .LineIndent2 textarea,
.NonTableLayout .LineIndent3 textarea,
.NonTableLayout .LineIndent4 textarea,
.NonTableLayout .LineIndent5 textarea {
	box-sizing: border-box;
	width: 100%;
	resize: none;
}

.FixedBoxWidth .Row-LineDetail .Col-Date input {
	width: 141px;
}

.MainPage .TableLayout .Col-Label.Col-Checkbox {
	padding-left: 6px;
}

.MainPage .TableLayout .Col-Radio .DataBlock {
	padding-left: 0;
}

.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent0,
.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent1,
.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent2,
.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent3,
.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent4,
.Col-AttendSurvey .TableLayout .Col-Checkbox .LineIndent5,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent0,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent1,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent2,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent3,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent4,
.Col-AttendSurvey .TableLayout .Col-Radio .LineIndent5,
.TableFormDetails .NonTableLayout .Row-LineDetail .Col-Phone td {
	padding: 0;
}

.FeesBody {
	margin-bottom: 30px;
}

.FeesBody .col-sm-2.Col-Dollar.Col-Total,
.FeesBody .Col-Fee, .FeesBody .Col-Description {
    padding: 12px 10px !important;
}

.FeesBody .Col-Quantity {
	padding: 6px 10px !important;
}

.FeesBody .TotalItem .Col-Quantity {
	padding: 12px 22px !important;
}

.FeesHead, .FeesBody {
    margin: 0 15px;
}

.FeesHead p, .FeesBody p {
    margin-bottom: 0;
}

.FeesHead .col-sm-3, .FeesHead .col-sm-2 {
    padding: 10px;
    font-weight: bold;
    border: 1px solid #cccccc;
}

.FeesBody .col-sm-2, .FeesBody .col-sm-3 {
    border-bottom: 1px solid #cccccc;
    border-collapse: collapse;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

.FeesBody .Col-Quantity input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    text-align: right;
}

.FeesHead .row, .FeesBody .row {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.Page-EventRegistration .page-header p {
    font-size: 16px;
    margin-bottom:0;
}

.Page-EventRegistration .page-header p:empty {
    display: none;
}

h1.EventTitle {
    margin-bottom: 20px;
}

h1.EventName {
    text-align: left;
    text-transform: none;
    font-size: 16px !important;
    font-weight: bold;
    line-height: 16px;
    margin-bottom:10px !important;
}

.Page-SinglePageRegEvent .page-header, .Page-EventRegistration .page-header {
    text-align: left !important;
}

@media screen and (max-width: 1024px) {
.FeesHead .col-sm-2, .FeesBody .col-sm-2 {
    max-width: 90px !important;
    flex: 0 0 90px !important;
    width: 90px !important;
}

.FeesHead .col-sm-3, .FeesBody .col-sm-3 {
	max-width: 180px !important;
    flex: 0 0 180px !important;
    width: 180px !important;
}
}

@media screen and (max-width: 768px) {
.SERRegistrationSecCode .SecurityCode,
.SecurityCode {
	width: 50%;
}

.Page-EventRegistration .Section-EventRegistration .WillAttendBlock,
.Page-EventRegistration #PaymentInformationBlock,
.Page-EventRegistration #BMPayment {
	width: 100%;
}

.FeesHead .Col-Dollar,
.FeesBody .Col-Dollar,
.FeesBody .col-sm-2.Col-Integer.Col-Quantity {
    text-align: right;
}
}

@media screen and (max-width: 600px) {
.FeesHead .col-sm-2,
.FeesBody .col-sm-2 {
    max-width: 80px !important;
    flex: 0 0 80px !important;
    width: 80px !important;
}

.FeesHead .col-sm-3,
.FeesBody .col-sm-3 {
	max-width: 120px !important;
    flex: 0 0 120px !important;
    width: 120px !important;
}

.Section-EventRegistration .BlockDetails {
    overflow: scroll;
}
}

/*--------------------------------------------- Volunteer ---------------------------------------------*/
form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.firstNameData,
form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.lastNameData,
form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.eMailData {
	margin-left: 0;
	width: 100%;
	max-width: 100%;
    flex: 0 0 100%;
}

form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.eMailData {
	padding-left: 0;
	padding-right:0;
}

form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.Col-IncludSubs {
    margin: 20px 0 20px 6px;

}
form#OpsPrivateUpdateForm .row.Row-Account,
form#OpsPrivateUpdateForm .Row-Individual,
form#OpsPrivateUpdateForm .row.Row-OrgName {
    padding-left: 15px;
}

form#OpsPrivateUpdateForm .row.Row-Account .Col-Header,
form#OpsPrivateUpdateForm .Row-Individual .Col-Header,
form#OpsPrivateUpdateForm .row.Row-OrgName .Col-Header {
    margin-right: -15px;
}

nav.OpsPrivateNavigation {
	margin: 40px 0;
}

.absolutePrivate .checkbox {
    margin-left: 20px;
}

form#OpsPrivateUpdateForm .Row-OpportunityName {
	width: 100%;
}

.DescriptionsList .Col-Text.Col-Description .col-sm-6 {
	padding-left: 0;
}

.Interestlink.Title {
	margin-bottom: 26px !important;
}

.VolEventInfoLeft .row {
	margin-bottom: 1em;
}

.OpCalendarInterests .col-sm-9 section.col-sm-9,
.OpCalendarEvents .col-sm-9 section.col-sm-9,
.SearchBlockSection .col-sm-9 section.col-sm-9 {
	width: 100%;
}

table#VolCalendarTable td {
	min-height: 30px;
}

.Page-OpCalendar #SelectDateTable .input-group-addon,
.Page-TeamVolCalendar #SelectDateTable .input-group-addon {
	padding: 6px 12px !important;
}

.Page-OpCalendar #SelectDateTable .col-sm-9 {
	max-width: 500px;
}

.Page-OpCalendar #SelectDateTable {
	max-width: none !important;
}

#SelectDateTable .fa.fa-caret-right,
#SelectDateTable .fa.fa-caret-left {
	font-size: 18px !important;
	vertical-align: middle;
}

.Page-OpCalendar .form-horizontal .CalendarHeader .row .CheckboxTable .row {
	margin-right: 0;
	margin-left: 0;
}

.Page-OpCalendar .fa {
	color: #000000;
}

.iCalendar img {
	vertical-align: middle;
}

.Col-Text.Col-DateInfo .row .col-md-6,
.Col-Text.Col-TimeInfo .row .col-md-4 {
	padding: 0 !important;
}

.Col-Text.Col-DateInfo p span,
.Col-Text.Col-TimeInfo .row span {
	display: block;
	width: 100%;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
}

#VolEventInfo address,
#VolAgencyInfo-contact address {
	float: left;
	margin: 0 1% 1% 0;
	padding: 6px 12px;
	width: 49%;
	height: auto;
	background-color: #ffffff;
	border: 1px solid #CCC;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#VolEventInfo address hr,
#VolAgencyInfo-contact address hr {
	margin: 10px 0;
}

#VolEventInfo address h4,
#VolAgencyInfo-contact address h4 {
	min-height: auto;
	font-size: inherit;
	margin: 4px 0;
}

#VolEventInfo address span,
#VolAgencyInfo-contact address span {
	display: block;
	width: 100%;
	font-size: 11px;
	color: #666666;
}

#VolEventInfo address .fa.fa-phone-square,
#VolAgencyInfo-contact address .fa.fa-phone-square {
	color: green;
}

#VolEventInfo address .fa.fa-envelope,
#VolAgencyInfo-contact address .fa.fa-envelope {
	color: #edc87e;
}

.VolOpsDates .Col-DateText p span {
	margin-right: 6px;
	font-wight: bold;
}

.VolOpsDates .Col-DateText .row {
	float: left;
	min-width: 50%;
}

.Page-OpMaint .form-horizontal .col-form-label.Col-Heading {
	padding-top: 0;
}

.Row-NameSearch .input-group-btn {
	padding-left: 4px;
}

.Col-OrgName span {
	display: block;
	width: 100%;
	color: #333333;
	font-size: 12px;
}

.TableTeams .Col-Button .btn-default img {
	max-height: 16px;
	max-width: 16px;
}

.VolOpsDates .Col-DateText p,
.TableTeams td.Col-Name,
Table.SelectTeam td.Col-TeamSizeLabel {
	white-space: nowrap;
}

.TableTeam tr.Row-Organization td.Col-Text input {
	width: 80%;
}

.TableTeam th {
	font-size: 12px;
	font-weight: normal;
}

.TableTeams td.Col-Button,
.VolunteerOpList td.Col-Button,
.VolunteerOpList td.Col-OpNumber,
Table.SelectTeam td.Col-TeamIDLabel {
	width: 1%;
}

table.AgRegisterTable .Col-Heading,
table.AgRegisterTable .Col-Text,
table.AgRegisterTable .Col-DropList,
table.AgRegisterTable .Col-CheckBox,
table.AgRegisterTable .Col-Radio,
.Page-AgencyRegistration .Navigation {
	vertical-align: top;
	text-align: left;
}

.Page-VolProfile .VolProfileTable .Col-VolAnonNote,
.Page-VolQuickSearch .InterestlinkTitle,
.Page-VolQuickSearch .EventlinkTitle,
.Page-VolTeamQuickSearch .InterestlinkTitle,
.Page-VolTeamQuickSearch .EventlinkTitle,
.Page-VolQuickSearch .Col-KeywordLabel,
.Page-VolQuickSearch .Col-ZipLabel {
	font-weight: bold;
}

.Page-VolEmail .VolEmailTable .Col-Heading {
	width: 30%;
}

.Area-Volunteer .col-sm-3, .Area-Volunteer .col-sm-9 {
    display: inline-block;
    vertical-align: top;
}

.Page-VolEmail .ManageEMailTemplateSection .checkbox label input {
    margin-right: 4px;
    vertical-align: bottom;
}

.Page-VolEmail .ManageEMailTemplateSection .checkbox label {
    margin: 8px 0;
    line-height: 1em;
}

.Page-VolEmail .col-sm-9 {
    flex: 0 0 72%;
    max-width: 72%;
}

.Page-AccountSelector .SearchLabel {
	margin-right: 10px;
}

.Page-AccountSelector .SearchLabel {
	margin-top: 20px;
}

.Page-AccountSelector .BlockDetails .Navigation,
.Page-AccountSelector .SearchLabel {
	float: none !important;
	clear: both !important;
}

.Page-AccountSelector .AccountKeyword {
	margin-bottom: 20px;
}

.Page-AccountSelector .TableTeam {
	border-collapse: collapse;
}

.Page-AccountSelector .TableTeam th,
.Page-AccountSelector .TableTeam td {
	border: 1px solid #cccccc;
	padding: 6px 10px;
	margin: 10px 0 30px 0;
}

@media screen and (max-width: 768px) {
#VolEventInfo address,
#VolAgencyInfo-contact address {
    width: 100%;
}

form#OpsPrivateUpdateForm .offset-sm-3.col-sm-9.Col-IncludSubs {
    margin: 20px 0 20px 20px;
}
}

div.CheckboxTable {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
table.CheckboxTable {
    width: 100%;
}
.CheckboxTable .form-check {
    flex: 25%;
    max-width: 25%;
}
@media only screen and (max-width: 992px) {
.CheckboxTable .form-check {
    flex: 33%;
    max-width: 33%;
}
table.CheckboxTable tr td.Col-Checkbox {
	display:block;
}
}
@media only screen and (max-width: 728px) {
.CheckboxTable .form-check {
    flex: 50%;
    max-width: 50%;
}
}
@media only screen and (max-width: 420px) {
.CheckboxTable .form-check {
    flex: 100%;
    max-width: 100%;
}
}

/*--------------------------------------------- Volunteer Login ---------------------------------------------*/
.Page-VolLogin,
.Page-VolLoginForgot {
	text-align: center;
}

/*--------------------------------------------- Volunteer Team ---------------------------------------------*/
.Page-VolTeams .TableTeams th.Col-Size {
	text-align: right;
}

.Page-VolTeams .TableTeams th.Col-Name,
.Page-VolTeams .TableTeams th.Col-Description,
.Page-VolTeamMembers .TableTeams th.Col-Name,
.Page-VolTeamMembers .TableTeams th.Col-Type,
.Page-VolTeamMembers .TableTeams th.Col-EMail,
.Page-VolTeamMembers .TableTeams th.Col-Effective,
.Page-VolTeamMembers .TableTeams th.Col-Expiry,
.Page-VolTeamMembers .TableTeams th.Col-EmpType,
.Page-VolTeamMembers .TableTeams th.Col-EmpMailDrop,
.Page-VolTeamMembers .TableTeams th.Col-EmpDepartment,
.Page-VolTeamMembers .TableTeams td.Col-EMail,
.Page-VolTeamMembers .TableTeams td.Col-Effective,
.Page-VolTeamMembers .TableTeams td.Col-Expiry,
.Page-VolTeamMembers .TableTeams td.Col-EmpType,
.Page-VolTeamMembers .TableTeams td.Col-EmpMailDrop,
.Page-VolTeamMembers .TableTeams td.Col-EmpDepartment {
	text-align: left;
}

#AccountSelector .Navigation {
  margin-top: 0;
}

@media (min-width: 576px) {
  #AccountSelector .offset-sm-3 {
    margin-left: 0;
  }
}

/*--------------------------------------------- Volunteer History ---------------------------------------------*/
.Page-VolHistory .tab-pane {
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
}

.ReferredSection-item,
.ActiveSection-item {
	padding: 0.3em 0;
}

.Page-VolHistory .Col-Opportunity:before,
.Page-VolHistory .Col-Agency:before,
.Page-VolHistory .Col-Event:before,
.Page-VolHistory .Col-OpDate:before,
.Page-VolHistory .Col-TimeSlot:before,
.Page-VolHistory .Col-Status:before,
.Page-VolHistory .Col-VolHours:before {
	display: block;
	margin: 0;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
}

.Page-VolHistory .ReferredTable td {
	vertical-align: middle;
}

#referrals,
#current,
#past {
	background-color: #ffffff;
	margin-bottom: 30px;
}

.ReferredSection-heading,
.ActiveSection-heading,
.PastSection-heading {
	padding: 1em;
	font-weight: bold;
	border-bottom: 1px solid #eeeeee;
}

.ReferralTitle, .ActiveTitle, .PastTitle {
    font-weight: bold;
}

.Page-VolHistory form th.Col-Heading {
    font-weight: normal;
    background-color: #eeeeee;
}

.Page-VolHistory td {
	font-weight: normal;
}

.Page-VolHistory td,
.Page-VolHistory th {
	font-size: 14px;
}

.Page-VolHistory .Classic {
	width: 95%;
}

.Page-VolHistory .Classic td {
	font-weight: normal !important;
}

.Page-VolHistory .Col-VolHours span,
.VolOpHoursTable .Col-Date input {
	vertical-align: top;
}

.VolOpHoursTable {
	margin: 20px 0;
}

.VolOpHoursTable td {
	padding: 2px 6px 2px 0;
}

.Page-VolOpHours .VolOpHoursTitleTable td {
	border: 1px solid #dddddd;
    padding: 8px 12px;
}

.Page-VolOpHours .VolOpHoursTitleTable {
	border-collapse: collapse;
	margin: 20px 0;
	width: 100%;
}

.Page-VolOpHours .VolOpHoursTitleTable {
    border-collapse: collapse;
    margin: 20px 0;
    width: 100%;
}

#VolHoursForm {
    margin: 15px 15px 40px 15px;
}

#VolHoursResurlt .row.row {
    margin-bottom: 0;
}

#VolHoursResurlt .Col-Heading {
    font-weight: 600;
}

#VolHoursResurlt > div > div {
    border: 1px solid #dddddd;
    padding: 8px 12px;
}

@media screen and (max-width: 768px) {
.ReferredSection-heading,
.ActiveSection-heading,
.PastSection-heading {
	display: none;
}

.ReferredSection-item .col-sm-3:before,
.ReferredSection-item .col-sm-2:before,
.ReferredSection-item .col-sm-1:before,
.ActiveSection-item .col-sm-3:before,
.ActiveSection-item .col-sm-2:before,
.ActiveSection-item .col-sm-1:before,
.PastSection-item .col-sm-3:before,
.PastSection-item .col-sm-2:before,
.PastSection-item .col-sm-1:before {
	content: attr(data-title);
	position: absolute;
	top: 0px;
	left: 6px;
	font-size: 14px;
	color: #000000;
	margin: 0;
}

.ReferredSection-item .row,
.ActiveSection-item .row,
.PastSection-item .row {
	position: relative;
}

.ReferredSection-item .col-sm-3,
.ReferredSection-item .col-sm-2,
.ReferredSection-item .col-sm-1,
.ActiveSection-item .col-sm-3,
.ActiveSection-item .col-sm-2,
.ActiveSection-item .col-sm-1,
.PastSection-item .col-sm-3,
.PastSection-item .col-sm-2,
.PastSection-item .col-sm-1 {
	padding-left: 50%;
}
}

/*--------------------------------------------- Volunteer Profile ---------------------------------------------*/
#collapseAdvancedFilter.AdvansedFilter .SearchBlockSection .VolHeader span {
	margin-right: 0.5em;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters {
	margin-bottom: 1.5em;
	margin-top: 1em;
	padding: 0 1em 0 0;
	width: 100%;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters .SelectedFiltersHeader {
	overflow: auto;
	font-weight: bold;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters .SelectedFiltersHeader span.iconText.ClearAllTxt {
	float: right;
	font-size: 12px;
	margin-top: 3px;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters ul {
	list-style: none;
	padding-left: 0;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters ul li {
	overflow: auto;
	padding: 0.2em 0;
}

#collapseAdvancedFilter.AdvansedFilter .SelectedFilters ul li span+a {
	float: right;
}

.Area-Volunteer .CheckboxTable td {
	padding: 3px;
}

.Area-Volunteer .Page-VolAgencyInfo .VolAgTitle {
	font-size: 24px;
	margin-bottom: 4px;
}

.Area-Volunteer .Page-VolProfile .VolHeader,
.Area-Volunteer .Page-AdvancedSearch .VolHeader {
	margin: 0px !important;
}

#cardBody .row {
	margin-right: 0;
	margin-left: 0;
}

.SelectTable .col-sm-10 {
	width: auto;
}

.Page-VolProfile .form-control-static,
.Page-AdvancedSearch .form-control-static {
	min-height: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}

.Page-VolAgencyInfo .VolAgencyInfoLeft {
	width: 60%;
}

.Section-TeamDetails .form-control-static {
	padding: 6px 12px;
}

.Page-AdvancedSearch .VolNote.form-control-static {
	margin: 10px 16px;
}

.Col-Availability label {
    font-weight: 600;
}

.Row-Availability .col-sm-3.Col-Heading.Col-AvailabilityDates {
	max-width: 120px;
	flex: 0 0 120px;
}

.Row-Availability .col-sm-6.Col-AvailabilityDates .input-group {
    max-width: 240px;
}

/*--------------------------------------------- Volunteer Calendar ---------------------------------------------*/
td.Col-DayEvent {
    display: flex;
}

#SelectDateTable .form-control {
	z-index: 1;
}

#SelectDateTable .col-sm-5 {
	padding-left: 0;
	padding-right: 4px;
}

#SelectDate .icon,
.DateFilter .icon {
	color: #000000;
}

#SelectDateTable .Col-Image {
	vertical-align: middle;
}

div#SelectDate .row div {
	padding-left: 0;
	padding-right: 3px;
}

div#SelectDate .row div .input-group-addon {
	padding: 0.1em;
}

div#SelectDate .row div .input-group-addon img {
	width: 30px;
}

table#VolCalendarTable td {
	max-width: 100%;
	word-wrap: break-word;
	word-break: break-word;
}

.VolOpInfo .Col-CalendarLink img {
	margin: 0px 16px 3px 16px;
}

td.Col-Weekend div,
td.Col-Weekdays div {
	margin-bottom: 0.8em;
}

#VolCalendarTable td.Col-Today,
#VolCalendarTable td.Col-Today Table td {
	font-weight: bold;
}

.DateFilter .col-sm-7,
.DateFilter .col-sm-5 {
	padding-right: 6px;
	padding-left: 0;
}

.DateFilter select#Year {
	min-width: 80px;
}

#VolCalendarTable .Col-Today {
	background-color: #F0E68C !important;
	font-weight: bold;
}

#VolCalendarTable td {
	max-width: 50px;
}

.OpCalendarInterests .CheckboxTable.Service .col-sm-4,
.OpCalendarEvents .CheckboxTable.Event .col-sm-4 {
	padding-left: 0;
	padding-right: 0;
}

.oppSearchResultCard header h5 {
	padding: 0.7em 1.1em !important;
}

.socialIcons {
	padding: 0 0.5em 0.5em 0.5em;
}

.socialIcons span,
.a2a_svg {
	width: 20px;
	height: 20px;
}

.DateFilter .col-xs-4,
.DateFilter .col-xs-8 {
	width: auto;
}

.DateFilter .radio-inline {
	padding-top: 0 !important;
}

.VolOpInfo small {
	margin: 0 8px;
}

#VolCalendarTable .Date {
	font-weight: bold;
}

#VolCalendarTable td.Col-IndexImg img {
	margin-right: 5px;
}

.fa-list-alt::before {
	content: "\f022";
	font-size: 14px;
}

#VolCalendarTable td.Col-Image {
	display: none;
}

table.OpsDayCell tr td {
	padding-bottom: 7px;
}

td.Col-Weekdays.PrevNextMonth,
td.Col-Weekend.PrevNextMonth {
	background-color: #eeeeee;
	opacity: 0.7;
}

table.OpsDayCell,
table.OpsDayCell tr,
table.OpsDayCell td {
	background-color: transparent !important;
}

.col-sm-3.col-form-label.VolOpInfoEvHead,
.col-sm-3.col-form-label.VolOpInfoAgHead {
	padding: 0;
}

.container .col-sm-3.col-form-label.VolOpInfoEvHead,
.container .col-sm-3.col-form-label.VolOpInfoAgHead {
	padding-left: 15px;
}

#OpCalendar .col-sm-9 .CheckboxTable .row {
	margin-left: 0 !important;
}

.CalendarHeaderTable {
	width: 100%;
}

.VolunteerCalendars .Col-OpportunityName,
.VolunteerCalendarLegend .LegendOpName {
	color: #000000;
}

.LegendLabel,
.LegendOpName,
.LegendAgencyName,
.LegendEventName,
.LegendTeamName {
	font-size: 10px;
}

.Page-OpCalendar .table-bordered td td,
.Page-OpCalendar .table-bordered th td,
.EventCalendarTable.table-bordered td td,
.EventCalendarTable.table-bordered th td,
#VolCalendarTable.table-bordered td td,
#VolCalendarTable.table-bordered th td,
.VolCalendarTable.table-bordered td td,
.VolCalendarTable.table-bordered th td {
	border: 0;
}

.table-striped tbody .Col-Today tr:nth-of-type(2n+1),
.table-striped tbody .Today tr:nth-of-type(2n+1) {
	background-color: transparent;
}

#VolCalendarTable .Col-Today {
	background-color: #e7e7e7 !important;
}

.VolunteerCalendars #SelectDateTable .Col-Image {
    padding: 0 6px;
}

/*------------------------------------- Volunteer for Opportunity -------------------------------------*/
.Page-VolforOp .VolunteerOpList {
	width: 100%;
}

.OpportunityList.table-striped>tbody>tr:nth-child(2n),
.OpportunityList.table-striped>tbody>tr:nth-child(2n-1) {
	background-color: #f9f9f9 !important;
}

.OpportunityList.table-striped>tbody>tr:nth-child(4n),
.OpportunityList.table-striped>tbody>tr:nth-child(4n-1) {
	background-color: transparent !important;
}

span.Col-Image.Col-GoButton {
	margin-left: 10px;
	margin-top: 2px;
	display: inline-block;
}

.Page-VolforOp table.VolunteerOpList TR.Row-even td {
	background-color: #eeeeee;
}

.Page-VolforOp .VolunteerOpList th,
.Page-VolforOp .VolunteerOpList td,
.Page-VolListUpdate .Assignment td {
	padding: 4px 6px;
}

.Page-VolforOp .VolunteerOpList th.Col-VolLabel,
.Page-VolforOp .VolunteerOpList th.Col-HoursLabel,
.Page-VolforOp .VolunteerOpList th.Col-StartLabel,
.Page-VolforOp .VolunteerOpList th.Col-EndLabel {
	text-align: left;
}

.VolunteerOpList span,
.VolunteerOpList input,
.Page-VolListUpdate .Assignment input,
.Page-VolListUpdate .Assignment span {
	vertical-align: top;
}

.Page-OpCalendar .table-bordered td td,
.Page-OpCalendar .table-bordered th td,
.EventCalendarTable .table-bordered td td,
.EventCalendarTable .table-bordered th td,
#VolCalendarTable .table-bordered td td,
#VolCalendarTable .table-bordered th td,
.VolCalendarTable .table-bordered td td,
.VolCalendarTable .table-bordered th td {
	border: 0;
}

/*--------------------------------------- Volunteer Opportunity Info ---------------------------------------*/
.VolOpInfoPartOne,
.VolOpInfoPartTwo,
.Page-VolOpInfo .OpName,
.Page-VolOpInfo .agencyName,
.Page-VolOpInfo .eventName {
	margin-bottom: 1em;
}

.Col-VolOpInfoLeft,
.Col-VolOpInfoRight {
	border: 0;
	background-color: #eeeeee;
	color: #000000;
	padding: 5px;
}

.Page-VolOpInfo .VolOpInfo {
	margin-bottom: 10px;
}

.Page-VolOpInfo .OpBlock {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 24px;
}

.VolOpInfoLeftTable td,
.VolOpInfoRightTable td {
	padding: 5px;
}

.Area-Volunteer .Page-VolOpInfo .OpName {
	font-size: 24px;
}

.Page-VolOpInfo .OpHeading,
.Page-VolOpInfo .eventHeading,
.Page-VolOpInfo .agencyHeading {
	font-weight: bold;
}

.Page-VolOpInfo th.Col-Space {
	width: 1px;
	white-space: nowrap;
}

table.VolOpInfo,
.Col-AddressMap iframe {
	width: 100%;
}

table.VolOpInfo tr .Col-Heading {
	font-weight: bold;
	width: 25%;
}

.VolOpInfo .Col-Listings {
	overflow: auto;
}

.VolOpInfo span,
.VolOpsTime span {
	margin-right: 5px;
}

.Col-Image.Col-CalendarLink {
	display: inline;
	text-align: right;
}

.SearchBlockSection.row.row.InterestsSection,
.SearchBlockSection.row.row.LocationsSection,
.SearchBlockSection.row.row.NeighborhoodSection,
.SearchBlockSection.row.row.PopulationsSection,
.SearchBlockSection.row.row.ReportToSection,
.SearchBlockSection.row.row.SkillsSection,
.SearchBlockSection.row.row.SpecialNeedsSection,
.SearchBlockSection.row.row.TimeSection {
    border-bottom: 1px solid #999;
    padding-bottom: 2em;
}


/*--------------------------------------------- Volunteer Quick Search ---------------------------------------------*/
.Page-VolQuickSearch .InterestlinkTitle,
.Page-VolQuickSearch .EventlinkTitle {
	font-size: 12px;
}

.Page-VolQuickSearch .QSearchTable td,
.Page-VolTeamQuickSearch .QSearchTable td {
	padding: 5px;
	border: 0;
}

.Page-VolQuickSearch .QuickLinkTable,
.Page-VolTeamQuickSearch .QuickLinkTable {
	width: 100%;
}

section.TableVolEventOpInfo,
#TableVolEventOpInfo {
	display: flex;
	flex-wrap: wrap;
}

.singleSearchResult {
	margin-bottom: 1em;
	padding: 10px 15px;
}
.singleSearchResult img {
	max-width: 100%;
}

#SearchResultPrivate .singleSearchResult,
#SearchResult .singleSearchResult {
	max-width: 48% !important;
	flex: 48%;
	flex-shrink: 1;
	margin: 6px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	overflow: hidden;
}

#SearchResultPrivate .singleSearchResult:hover,
#SearchResult .singleSearchResult:hover {
	box-shadow: 0px 0px 5px #666666;
}

#SearchResultPrivate.listClass .singleSearchResult,
#SearchResult.listClass .singleSearchResult {
	width: 100% !important;
	float: none !important;
	max-width: 100% !important;
    flex: 100% !important;
    padding: 10px 20px !important;
    margin: 8px 0;
}

#SearchResult .singleSearchResult h4.Col-OpsName small,
#SearchResult .singleSearchResult .Col-OpsFromDate small,
#SearchResult .singleSearchResult .Col-OpsAgency small {
	display: block;
	margin-bottom: 0.3em;
	width: 100%;
	color: #666666;
}

section.TableVolEventOpInfo p {
    margin-bottom: 0;
}

#SearchResult.listClass .singleSearchResult:nth-child(odd),
#SearchResult.listClass .singleSearchResult:nth-child(even) {
	padding-right: 0;
	padding-left: 0;
}

#SearchResult.listClass .singleSearchResult h4.Col-OpsName small,
#SearchResult.listClass .singleSearchResult .Col-OpsFromDate small,
#SearchResult.listClass .singleSearchResult .Col-OpsAgency small {
	display: inline-block;
	width: 20%;
	color: #666666;
}

#oppResults .socialIcons {
	padding: 10px 0.5em !important;
}

.OpResultListing {
	margin-bottom: 1em;
	padding: 1em;
	background-color: #f1f1f1;
	border-radius: 1em;
}

.OpResultListing label {
	display: none;
}

#SearchResult .OpResultListing {
	float: left;
	margin: 1%;
	width: 48%;
	float: left;
	flex-grow: 1;
}

#SearchResult .OpResultListing .col-sm-6 {
	display: block;
	float: none;
	width: 100%;
}

#SearchResult .OpResultListing .OpsDescription-Desc {
	max-height: 110px;
	overflow: hidden;
}

#SearchResult.listClass #TableVolEventOpInfo {
	overflow: inherit;
}

#SearchResult.listClass .OpResultListing {
	margin: 0 0 1em 0;
	width: 100% !important;
	height: auto;
}

#SearchResult.listClass .OpResultListing .col-sm-6 {
	float: left;
	width: 50%;
}

#SearchResult.listClass .OpResultListing .Col-Date.Col-OpsFromDate {
	margin-top: 10px
}

.Page-Customization .Col-Image.Col-Logo img {
	max-width: 200px;
}

.VolEventInfoLeft .row span {
	display: inline !important;
	width: auto !important;
	margin-left: 15px;
	margin-right: 6px;
}

@media screen and (max-width: 1000px) {
#gridBtn,
#listBtn {
	display: none;
}

#SearchResult .singleSearchResult,
#SearchResult.listClass .singleSearchResult {
	width: 100% !important;
	float: none !important;
}

.singleSearchResult h4.Col-OpsName small,
.singleSearchResult .Col-OpsFromDate small,
.singleSearchResult .Col-OpsAgency small,
#SearchResult.listClass .singleSearchResult h4.Col-OpsName small,
#SearchResult.listClass .singleSearchResult .Col-OpsFromDate small,
#SearchResult.listClass .singleSearchResult .Col-OpsAgency small {
	display: block;
	margin-bottom: 0.3em;
	width: 100%;
}

#SearchResult .singleSearchResult {
    max-width: 100% !important;
    flex: 100%;
    margin: 8px 0;
}

.OpResultListing label {
	display: block !important;
	width: 100%;
}
}

/*--------------------------------------------- Volunteer Agency Info ---------------------------------------------*/
.LeftAlign.VolAgencyInfoTable td {
	border: 0 !important;
	padding: 0 !important;
}

.Page-VolAgencyInfo .VolAgencyInfoTable tr {
	vertical-align: top;
}

.Page-VolAgencyInfo .CurrentOpList td {
	padding: 5px;
}

.Page-VolAgencyInfo .AddressHeading,
.Page-VolAgencyInfo .HoursHeading,
.Page-VolAgencyInfo .WebsiteHeading,
.Page-VolAgencyInfo .ContactHeading {
	font-weight: bold;
}

#CreateTeamTable .Col-CreateTeam .input-group-text {
  border: 0;
  background: none;
}

/*--------------------------------------------- Hit History ---------------------------------------------*/
.Page-HitHistory .HitHistoryRecord th.Col-OpLabel,
.Page-HitHistory .HitHistoryRecord th.Col-DateLabel,
.Page-HitHistory .HitHistoryRecord td.Col-Total {
	text-align: left;
}

.Page-HitHistory .HitHistoryRecord th.Col-CountLabel {
	text-align: right;
}

/*--------------------------------------------- Agency Search ---------------------------------------------*/
#AgencySearchSection .SearchNavigation {
	display: inline-block;
	margin: 0;
}

.Col-State p,
.Col-CityLabel p,
.Col-ZipCode p,
#AgencySearchSection .SearchNavigation ol,
#AgencySearchSection .SearchNavigation .DefaultButtons .button {
	margin: 0;
	line-height: 1.5;
}

#AgencySearchSection .KeywordSearch div {
	clear: both;
}

.Page-AgencySearch .VolAgSearchTable {
	margin-top: 10px;
	margin-bottom: 10px;
}

#VolAgSearchTable ol {
	margin-top: 1em;
}

#VolAgSearchTable ol li {
	padding-bottom: 0.5em;
}

.Page-AgencySearch .VolAgSearchTable td {
	border: 1px solid #cccccc;
	padding: 5px;
}

/*--------------------------------------------- Release Info ---------------------------------------------*/
.Page-ReleaseInfo .ReleaseInfoTable,
.Page-ReleaseInfo .Navigation {
	margin-top: 10px;
	margin-bottom: 10px;
}

.Page-ReleaseInfo .OpName {
	font-weight: bold;
}

.Page-ReleaseInfo table.Noborder td {
	border: 0;
}

.Page-ReleaseInfo .PhoneData .row.PhoneAreaInfo label,
.Page-ReleaseInfo .PhoneData .row.PhoneNumberInfo label,
.Page-ReleaseInfo .PhoneData .row.PhoneExtInfo label,
.Page-ReleaseInfo .PhoneData .row.PhoneAreaInfo .col-sm-9,
.Page-ReleaseInfo .PhoneData .row.PhoneNumberInfo .col-sm-9,
.Page-ReleaseInfo .PhoneData .row.PhoneExtInfo .col-sm-9 {
	display: block;
	width: 100%;
	padding: 0;
}

.Page-ReleaseInfo .PhoneData .row.PhoneNumberInfo label,
.Page-ReleaseInfo .PhoneData .row.PhoneNumberInfo .col-sm-9 {
	padding: 0 15px;
}

/*--------------------------------------------- Advanced Search ---------------------------------------------*/
.Page-AdvancedSearch .OpASearchTable,
.Page-TeamAdvancedSearch .OpASearchTable {
	margin-top: 20px;
	margin-bottom: 20px;
}

.Page-AdvancedSearch #SelectTeam label {
	display: none;
}

.Page-AdvancedSearch #SelectTeam .col-sm-9.Col-DropList.Col-TeamList {
	width: 100% !important;
}

#SelectContactTable {
	margin-bottom: 1em;
}

/*--------------------------------------------- Agency Opportunity List ---------------------------------------------*/
.Page-AgencyOpList .OpportunityList {
	width: 100%;
}

.Page-AgencyOpList .Col-HitHisButton {
	text-align: right;
}

.Page-AgencyOpList .OpportunityList th.Col-OpHead,
.Page-AgencyOpList .OpportunityList th.Col-TypeHead,
.Page-AgencyOpList .OpportunityList th.Col-PrioHead,
.Page-AgencyOpList .OpportunityList th.Col-StatusHead {
	text-align: left;
}

@media screen and (max-width: 768px) {
.DescriptionsList tr.Row-Header {
	display: none;
}

.Col-Checkbox.Col-Published {
	text-align: left !important;
}

.Col-Checkbox.Col-Published::before {
	content: 'Published';
	display: inline-block;
	width: 25%;
	font-weight: bold;
}

label.Col-Type {
	margin: 0.5em 0;
}
}

/*--------------------------------------------- Time Slots ---------------------------------------------*/
.Page-TimeSlots .Title,
.Page-TimeSlotUpdate .Title {
	color: #000000;
	border-bottom: 4px solid #000000;
	font-size: 20px;
	font-weight: bold;
}

#TimeSlotsTable .row {
	margin-left: 0;
	margin-right: 0;
}

.TimeSlotsHead {
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	padding: 0.5em 0;
}

.TimeSlotsHead .row {
	margin-bottom: 0;
}

.TimeSlotsBody .TimeSlotItem {
	padding: 0.5em 0;
	margin: 0.5em 0;
	border-bottom: 1px solid #cccccc;
}

.TimeSlotItem:first-child {
	padding-top: 1em;
	margin-top: 0;
}

.TimeSlotItem:nth-child(odd) {
	background-color: #f1f1f1;
}

.TimeSlotItem .Col-Button .icon {
	padding: 3px;
}

.TimeSlotItem .Col-Description {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#TimeSlots .Row-StartDate .Col-Time.Col-StartTime .col-sm-8,
#TimeSlots .Row-EndDate .Col-Date.Col-EndDate .col-sm-8 {
	padding: 0;
}

#TimeSlots .Row-StartDate .Col-Time.Col-StartTime .col-sm-4,
#TimeSlots .Row-EndDate .Col-Date.Col-EndDate .col-sm-4 {
	padding-right: 0;
}

/*--------------------------------------------- Opportunity Maintence ---------------------------------------------*/
.Page-OpMaint .OpMaintTable,
.Page-OpMaint .OpGeneralTable {
	padding: 0;
	width: auto;
	box-sizing: border-box;
}

.Page-OpMaint .OpMaintTable td.Col-Input,
.Page-OpMaint .OpMaintTable td.Col-Table {
	padding: 0px 0px 11px 0px;
}

.Page-OpMaint .OpGeneralTable td {
	padding: 3px 0px;
}

.Page-OpMaint .Col-OpTitleInput input,
.Page-OpMaint .OpMaintTable select,
.Page-OpMaint textarea {
	width: 100%;
	box-sizing: border-box;
}

img.datepick-trigger {
	height: 24px;
	margin-left: 1em;
}

/*--------------------------------------------- Opportunity PrivateTo ---------------------------------------------*/
.Page-OpPrivateOps .Col-Header.Col-Account .radio,
.Page-OpPrivateOps .Col-Header.Col-IndName .radio,
.Page-OpPrivateOps .Col-Header.Col-OrgName .radio {
	display: inline;
	padding-left: 20px;
	margin-top: 7px;
}

.Page-OpPrivateOps .Col-Header.Col-Account .radio+span.radioSpace,
.Page-OpPrivateOps .Col-Header.Col-IndName .radio+span.radioSpace,
.Page-OpPrivateOps .Col-Header.Col-OrgName .radio+span.radioSpace {
	display: inline !important;
}

.Page-OpPrivateOps .row.firstNameInfo,
.Page-OpPrivateOps .row.lastNameInfo,
.Page-OpPrivateOps .row.eMailInfo  {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0.5em;
}

.Page-OpPrivateOps .row.firstNameInfo label,
.Page-OpPrivateOps .row.lastNameInfo label,
.Page-OpPrivateOps .row.eMailInfo label {
	width: 100%;
	padding-left: 0;
}

.Page-OpPrivateOps .row.firstNameInfo .col-sm-9,
.Page-OpPrivateOps .row.lastNameInfo .col-sm-9,
.Page-OpPrivateOps .row.eMailInfo label,
.Page-OpPrivateOps .row.eMailInfo .col-sm-9 {
	width: 100%;
}

.Page-OpPrivateOps .col-sm-9.firstNameData,
.Page-OpPrivateOps .col-sm-9.lastNameData,
.Page-OpPrivateOps .col-sm-9.eMailData{
	padding-left: 0;
	padding-right: 0;
}

.Page-OpPrivateOps .row.eMailInfo {
	clear: both;
}

/*--------------------------------------------- Opportunity Search Result ---------------------------------------------*/
.Page-OpSearchResult .OpportunityList th.Col-ResultText {
	text-align: left;
}

.Page-OpSearchResult .OpportunityList {
	margin-top: 10px;
	margin-bottom: 10px;
}

.Page-OpSearchResult .OpportunityList tr.row-even td {
	background-color: #eeeeee;
}

td.Col-OpsMore {
	text-align: right;
}

a#mobileShowFilter {
	display: none;
}

.SearchResultSection .AdvansedFilter {
	display: block;
	width: 25%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.SearchResultSection #SearchResult {
	width: 100%;
	float: none;
	position: relative;
	min-height: 1px;
}

.SearchResultSection .AdvansedFilter~#SearchResult {
	width: 75%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
}

.SearchResultSection #PageControl {
	clear: both;
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 820px) {
a#mobileShowFilter {
	display: block;
	text-align: left;
	width: 100%;
}

#collapseAdvancedFilter.AdvansedFilter.collapse.in,
.SearchResultSection .AdvansedFilter~#SearchResult {
	display: block;
	width: 100%;
	clear:both;
	float:none;
}

#collapseAdvancedFilter.AdvansedFilter.collapse {
	display: none;
	overflow: none;
	width: 100%;
}
}

/*--------------------------------------------- ePledge Admin Pages ---------------------------------------------*/
.AlignCoordinatorsTree nav.Navigation ol {
	list-style: none;
	display: inline;
}

.AlignCoordinatorsTree nav.Navigation ol li {
	display: inline-block;
}

.AlignCoordinatorsTree nav.Navigation ol li a {
	padding: 0.25em 0.5em !important;
	display: block;
}

.Area-ePledgeAdmin .LeftAlign td,
.Area-ePledgeAdmin .Leftalign td,
.Area-Profile .LeftAlign td,
.Area-Registration .LeftAlign td {
	padding: 5px 10px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
}

#profilePicRow .col-sm-1 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-left: calc(15px + 25%);
    padding-top: 10px;
}

.Area-ePledgeAdmin .LeftAlign td td,
.Area-ePledgeAdmin .Leftalign td td,
.Area-Profile .LeftAlign td td,
.Area-Registration .LeftAlign td td {
	border: 0;
	padding: 1px;
}

.Page-SendeMail .LeftAlign td,
.Page-CashReport .leftAlign td,
.Page-DonorChoiceDetail .LeftAlign td,
.Page-DonorChoiceSummary .LeftAlign td,
.Page-NoResReport .leftAlign td,
.Page-ResponseReport .Leftalign td,
.Page-SumRep1 .LeftAlign td,
.Page-TransactionReport .leftAlign td {
	padding-top: 5px;
	padding-bottom: 5px;
}

.Area-ePledgeAdmin .dtree {
	margin-top: 5px;
	margin-bottom: 5px;
}

.Page-EmployeeList .LeftAlign,
.Page-EmployeeTree .LeftAlign,
.Page-TransactionList .LeftAlign {
	margin-top: 10px;
	margin-bottom: 5px;
	width: 50%;
}

.Page-EmployeeList .LeftAlign .Col-Heading,
.Page-EmployeeTree .LeftAlign .Col-Heading,
.Page-TransactionList .LeftAlign .Col-Heading {
	width: 40%;
}

table.TransactionsList div>label {
	display: inline-block;
	width: 45%;
}

table.TransactionsList .Col-Dollar,
table.TransactionsList .Col-Integer,
table.TransactionsList .Col-Percentage,
table.TransactionsList .Col-Decimal,
table.TransactionsList .Col-Number {
	text-align: left !important;
}

table.TransactionsList .fa-usd {
	color: green;
}

table.TransactionsList .fa-envelope-o {
	color: orange;
}

table.TransactionsList .fa-pencil {
	color: gray;
}

table.TransactionsList .fa-times {
	color: red;
}

.ELSearchPanel_NoCoord {
	margin-top: 20px;
}

.SelectedCoordinator {
	font-weight: bold;
}

.datepick-month-header select {
  padding: 0 8px !important;
}

.datepick-trigger:hover {
  cursor: pointer;
}

@media screen and (max-width: 1024px) {
table.TransactionsList div>label {
	display: block;
	width: 100%;
}
}

@media screen and (max-width: 765px) {
table.TransactionsList div>label {
	display: inline-block;
	width: 45%;
}
}

/*--------------------------------------------- Employee List ---------------------------------------------*/
.Page-EmployeeList .ELSearchPanel_SE {
	margin-top: 10px;
}

.Page-EmployeeList h3 {
	margin: 30px 0 6px 0;
}

.AlignEmployeesList .ELSearchPanel_NoCoord,
.AlignEmployeesList .ELSearchPanel_NoCoord td,
.AlignEmployeesList .ELSearchPanel_SE,
.AlignEmployeesList .ELSearchPanel_SE td {
	border: 0;
	background-color: #ffffff;
}

.Area-ePledgeAdmin .Page-EmployeeList .LeftAlign .Col-ListNoEmpID {
	padding: 5px 3px 5px 15px;
}

.Area-ePledgeAdmin .Page-EmployeeList .Col-SearchEmpLabel {
	font-weight: normal;
}

.Page-EmployeeList .LeftAlign {
	width: auto;
}

.Page-EmployeeList .LeftAlign .Col-Heading {
	white-space: nowrap;
}

.AlignEmployeesList .ELSearchPanel_SE,
.AlignEmployeesList .ELSearchPanel_NoCoord {
	margin: 0;
	padding: 0;
}

.Area-ePledgeAdmin .Page-EmployeeList .Col-ListEmpWithout,
.Area-ePledgeAdmin .Page-EmployeeList .Col-SearchEmpLabel,
.Area-ePledgeAdmin .Page-EmployeeList .EmployeeMoreEL,
.Area-ePledgeAdmin .Page-EmployeeList .EmployeeNoMatchEL {
	font-weight: bold;
}

.AlignEmployeesList .ELSearchPanel_SE {
	margin-bottom: 20px;
}

.Page-TransactionList .TLSearchPanel_CampaignYear {
	margin-top: 5px;
	margin-bottom: 5px;
}

nav.NameInfoNavigation,
nav.NameInfoNavigation ol,
nav.NameInfoNavigation a.button {
	margin: 0;
}

input.EmployeesList[type="radio"] {
    margin-right: 4px;
}

#CoordTree .Selected {
    color: #000000 !important;
    font-weight: 700;
}

h5#MFAModalLabel {
    font-size: 24px;
    font-weight: bold;
    margin-left: 22px;
}

#MFAModal .modal-header {
    display: block !important;
}

#MFAModal .modal-header #MFAModalLabel {
    float: left;
}

#MFAModal .modal-header button.close {
    float: right !important;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
}

#MFAModal .row.my-3.MFATypeSelection {
    margin-top: 0 !important;
}

#MFAModal .modal-body {
    padding: 0 40px 30px 40px;
}

.note.MFADialogBottom1.D {
    padding: 10px 40px 30px 40px !important;
}

#MFAModal .modal-footer {
    border-top:0;
}

input#EnableMFA, input#EnableMFAReg {
    position: relative;
}

#MFAError, .note.MFADialogBottom1.D {
    padding: 1rem 1rem 0 1rem;
}

.col-sm-12.form-control.MFATypeSelection {
    border: 0;
}

.MFATypeSelectionEMail .form-control {
    border: 0;
}

#MFADialog .col-sm-2.form-control.Selection {
    max-width: 26px;
}

.row.row.MFATypeSelectionEMail {
    margin-bottom: 0;
}

.row.row.MFATypeText {
    margin-top: 20px;
    margin-bottom: 0;
}

#MFADialog .col-sm-9.Col-Text.Col-Pin {
	flex: 0 0 100%;
    max-width: 100% !important;
}

#MFADialog label.col-sm-3.col-form-label.Col-Label.Col-eMail {
    flex: 0 0 100% !important;
    white-space: nowrap;
}

#MFADialog .btn-primary p,
#MFADialog .btn-secondary p {
    margin: 0;
}

#MFADialog .btn {
	border:0;
}

body #RefreshImageSpouseAdd {
	top: -9999px !important;
}
#RefreshImageSpouseAdd {
	position: absolute;
	top: 50%;
	left: 25%;
	margin: auto;
	border: 0;
	width: 100px;
	height:100px;
	background-color: transparent;
	color: white;
}

/*--------------------------------------------- Coordinator Tree ---------------------------------------------*/
.Page-CoordinatorTree .dtree {
	margin-top: 10px;
}

.Page-CoordinatorTree .CoordinatorsTree {
	margin-bottom: 10px;
	font-weight: bold;
}

.Page-CoordinatorTree .LeftAlign {
	width: 60%;
}

.Page-CoordinatorTree .LeftAlign .Col-Heading {
	width: 40%;
}

table.Classic.IndiSelectTable .form-check-input {
	margin-left: 0;
	position: static;
}

.IndiSelectTable td.Col-Radio.Col-selectRadio {
	text-align: center;
}

/*--------------------------------------------- Report ---------------------------------------------*/
.ReportPanelSort.DisabledSort,
.ReportPanelSort .DisabledSort {
	display: none;
}

.CashReportMainTable td,
.ResponseReportMainTable td {
	padding: 3px;
}

#ePlgRptCSVColDualListBox,
#ReportPanelSort,
#SortDefinedTable,
#RptSortDefinedTable {
	background: #f1f1f1;
	border: 1px solid #cccccc;
	padding: 0.5em 15px;
}

#RptSortDefinedTable {
	padding-bottom: 1em;
}

#Select {
	margin-bottom: 1em;
}

/*--------------------------------------------- Email ---------------------------------------------*/
nav.NavigationSaveTemplate a,
nav.NavigationSendCancel a {
	margin-left: 0 !important;
}

#Schedule .col-sm-9.Col-Date.Col-LastDate {
	width: 38%;
}

.Col-NextTime .col-sm-8 {
	padding-left: 0;
	padding-right: 7px;
}

.Col-NextTime .col-sm-4 {
	padding-left: 7px;
	padding-right: 0;
}

.AlignSendEmail .ToEmployees,
.AlignSendEmail .compose {
	font-weight: bold;
	font-size: 16px;
}

.Page-SendeMail .SendEmailSelection {
	width: 100%;
	box-sizing: border-box;
}

.Col-DropList.Col-FDateList .col-sm-4,
.Col-DropList.Col-TDateList .col-sm-4 {
	padding: 0;
}

.Col-DropList.Col-FDateList .col-sm-4:nth-child(2),
.Col-DropList.Col-TDateList .col-sm-4:nth-child(2) {
	padding: 0 3px;
}

.Page-SendeMail .ReportPanel1 .Col-Heading,
.Page-SendeMail .ReportPanelTA .Col-Heading,
.Page-SendeMail .ReportPanelSelect .Col-Heading,
.Page-SendeMail .SendToPanel .Col-RespondentLabel {
	width: 30%;
}

.Area-ePledgeAdmin .Page-SendeMail .SendEmailSelection .LeftAlign {
	margin: 8px 0;
}

.SendEmail .Section-NavigateTree {
	border: 0;
}

#SendEmailMessage .row {
	margin-bottom: 1em;
}

#SendEmailMessage .row label.col-form-label {
	padding-top: 7px;
	margin-bottom: 0;
}

section.RunType .Row-Every .radio.Col-Radio.Col-Text.Col-Input.Col-Droplist input[type="radio"] {
	margin-top: 12px;
}

section.RunType .Row-Every .radio.Col-Radio.Col-Text.Col-Input.Col-Droplist .form-control {
	display: inline;
	width: 35%;
}

.Page-Schedule .Row-Every label {
	min-width: 100%;
}

.Restrictions th {
	text-align: center;
}

.Row-Every .row.row.col {
	margin-left: 0;
	margin-right: 0;
}

.Restrictions .table .Col-Checkbox input {
	vertical-align: middle;
}

.Col-NextTime .row.col {
    max-width: 100px;
}

li#DeleteTemplateButton_disabled a,
li#SaveTemplateButton_disabled a,
li#SaveAndSendTemplateButton_disabled a,
li#DeleteTemplateButton_disabled a:hover,
li#SaveTemplateButton_disabled a:hover,
li#SaveAndSendTemplateButton_disabled a:hover {
    color: #999999;
    background-color: #eeeeee !important;
}

@media screen and (max-width: 540px) {
#Schedule .col-sm-9.Col-Date.Col-LastDate {
	width: 100%;
}
}

/*--------------------------------------------- Profile ---------------------------------------------*/
section#profileBar {
	position: -webkit-sticky; /* Safari */
	position: sticky;
	top: 0;
	background: #ffffff;
	z-index: 2;
	padding: 0.35em 0;
    display: flex;
    align-items: center;
    width: 100%;
}

.profileBar-picture {
    display: inline-block;
    width: 48px;
    height: 48px;
    overflow: hidden;
    border-radius: 5em;
    background: url('../../Images/default_profile_img.png') center no-repeat;
    background-size: cover;
    border: 1px solid #cccccc;
}

.profileBar-picture img	 {
	max-width: 100%;
    min-height: 48px;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
}

.profileBar-details {
    margin-left: 0.75em;
}

.multi-input-row  .Col-Heading,
.multi-input-row  .Col-Header
 {
    padding-top: calc(.375rem + 20px);
}

.multi-input-row .d-none {
    display: block !important;
    visibility: hidden !important;
}

.iAccess-Dashboard #profileBar,
.iAccess-BioTab #profileBar {
    display: none;
}

.VolOrgPhoneTable .Col-Input.Col-PhoneArea,
.col-sm-9.AddressLines.Col-Heading.Col-IndAddressTitle div .col-sm-4:first-child,
#VolOrgAddressTable .Col-Input.Col-City {
	padding-left: 0;
}

.VolOrgPhoneTable .Col-Input {
	padding: 0 7px;
}

.VolOrgPhoneTable .Col-Input.Col-PhoneExt,
.col-sm-9.AddressLines.Col-Heading.Col-IndAddressTitle div .col-sm-4:last-child,
#VolOrgAddressTable .Col-Input.Col-ZipCode {
	padding-right: 0;
}

.Row-eMail .input-group-addon {
	padding: 0 12px;
}

.Col-Heading span {
	display: inline;
}

.Col-Heading span p {
	margin-bottom: 0;
	display: inline;
}

.IndAddress .AddressData label,
.IndAddress .AddressData .col-sm-9 {
	display: block;
	width: 100%;
	text-align: left;
}
.AddressData label,
.AddressData .col-sm-9 {
    display: block;
    width: 100%;
}
.AddressData .row.my-3 {
    margin-top: 0 !important;
}
.AddressData .row:last-child {
    margin-bottom: 0 !important;
}

.PrefixNameInfo label,
.PrefixNameInfo .col-sm-9,
.FirstNameInfo label,
.FirstNameInfo .col-sm-9,
.MiddleNameInfo label,
.MiddleNameInfo .col-sm-9,
.LastNameInfo label,
.LastNameInfo .col-sm-9,
.SuffixNameInfo label,
.SuffixNameInfo .col-sm-9,
.CombGiverName1Info label,
.CombGiverName1Info .col-sm-9,
.CombGiverName2Info label,
.CombGiverName2Info .col-sm-9,
.RosterName1Info label,
.RosterName1Info .col-sm-9,
.RosterName2Info label,
.RosterName2Info .col-sm-9 {
	display: block;
	width: 100%;
	text-align: left !important;
}

.row.PrefixNameInfo .offset-sm-3.col-sm-9.PrefixNameData,
.row.FirstNameInfo .offset-sm-3.col-sm-9.FirstNameData,
.row.MiddleNameInfo .offset-sm-3.col-sm-9.MiddleNameData,
.row.LastNameInfo .offset-sm-3.col-sm-9.LastNameData,
.row.SuffixNameInfo .offset-sm-3.col-sm-9.SuffixNameData,
.row.CombGiverName1Info .offset-sm-3.col-sm-9.CombGiverName1Data,
.row.CombGiverName2Info .offset-sm-3.col-sm-9.CombGiverName2Data,
.row.RosterName1Info .offset-sm-3.col-sm-9.RosterName1Data,
.row.RosterName2Info .offset-sm-3.col-sm-9.RosterName2Data,
.row.Street1_MainInfo .offset-sm-3.col-sm-9.Street1_MainData,
.row.Street2_MainInfo .offset-sm-3.col-sm-9.Street2_MainData,
.row.Street3_MainInfo .offset-sm-3.col-sm-9.Street3_MainData,
.row.Street4_MainInfo .offset-sm-3.col-sm-9.Street4_MainData,
.row.Zip_MainInfo .offset-sm-3.col-sm-9.Zip_MainData,
.row.City_MainInfo .offset-sm-3.col-sm-9.City_MainData,
.row.Street1_NewAddressInfo .offset-sm-3.col-sm-9.Street1_NewAddressData,
.row.Street2_NewAddressInfo .offset-sm-3.col-sm-9.Street2_NewAddressData,
.row.Street3_NewAddressInfo .offset-sm-3.col-sm-9.Street3_NewAddressData,
.row.Street4_NewAddressInfo .offset-sm-3.col-sm-9.Street4_NewAddressData,
.row.City_NewAddressInfo .offset-sm-3.col-sm-9.City_NewAddressData,
.row.Zip_NewAddressInfo .offset-sm-3.col-sm-9.Zip_NewAddressData,
.IndPhoneNumber .row .col-sm-3 .offset-sm-3.col-sm-9,
.IndPhoneNumber .row .col-sm-6 .offset-sm-3.col-sm-9,
.row.j_usernameInfo .offset-sm-3.col-sm-9.j_usernameData,
.row.j_passwordInfo .offset-sm-3.col-sm-9.j_passwordData {
	margin-left: 0;
	width: 100%;
}

.IPledgeTable .offset-sm-3.col-sm-9 {
	padding-right: 0;
	padding-left: 0;
	margin-left: 0;
}

.IndAddress .AddressData .row label {
	display: block;
	width: 100%;
	text-align: left;
}

.IndAddress .AddressData .row .col-sm-9 {
	display: block;
	width: 100%;
	margin-left: 0;
}

.IndPhoneNumber .row .col-sm-3 .offset-sm-3.col-sm-9,
.IndPhoneNumber .row .col-sm-6 .offset-sm-3.col-sm-9,
.Row-ConfirmNoGift .col-sm-12 {
	padding-right: 0;
	padding-left: 0;
}

.Page-IPledgeCreditCardPP .row.askDesignateQuestion {
	padding-left: 0;
	margin-left: 0;
}

.Page-IPledgeNoGift .Row-ConfirmNoGiftButton .button {
	margin: 0;
}

.Page-IPledgeCombined .DsgnSubSectionHdr {	/* h3 equivalent*/
    font-size: .75em;
    margin: 0;
    font-weight: normal;
}

.Page-OProfile .Table-OrgProfile td,
.Block .IndProfileInclude td {
	border: 1px solid #cccccc;
}

.Page-OProfile .NoBorder td {
	border: 0;
}

.Area-Profile .LeftAlign td {
	background-color: #ffffff;
}

.AddressChooseTable,
.AddressChooseTable input,
.IndRosterNameDetails,
.IndRosterNameDetails input {
	width: 100%;
	box-sizing: border-box;
}

#BankInfoForm .Col-AddressLine1,
#BankInfoForm .Col-AddressLine2,
#BankInfoForm .Col-AddressLine3,
#BankInfoForm .Col-AddressLine4 {
	padding: 0 15px;
}

.Col-IndEMail input,
.Page-ProfileChangeUserID input,
.Page-ProfileChangePassword input {
	width: 100%;
	box-sizing: border-box;
}

.DIV-WebProfileNote,
.IndProfileInclude .col-IndNameTable td,
.IndProfileInclude .col-IndNameTable .Col-Heading,
.IndProfileInclude .AddressChooseTable td,
.IndProfileInclude .AddressChooseTable .Col-Heading,
.IndProfileInclude .Col-IndPhoneNumberTable td,
.IndProfileInclude .Col-IndPhoneNumberTable .Col-Heading {
	border: 0;
	background-color: #ffffff;
}

.Page-IProfile .profilepic,
.Page-NewMember .profilepic {
    max-width: 50%;
}

#Venues .BlockHeader {
    font-size: 24px;
    font-weight: bold;
    margin: 40px 0 8px 0;
}

.Page-OProfile .WebLogo img {
    max-width: 280px !important;
}

#Venues .Col-Button .icon {
    padding: .375rem .75rem;
}

.Section-PledgeAddInfo img.profilepic,
.Section-PledgeConfirm img.profilepic {
    max-width: 350px;
}

.PhoneArea_HOMEInfo,
.HOME .ProfileValue.PhoneArea,
.HOMEFAX .ProfileValue.PhoneArea {
    max-width: 25%;
    flex: 0 0 25%;
}

.PhoneNumber_HOMEInfo,
.HOME .ProfileValue.PhoneNumber,
.HOMEFAX .ProfileValue.PhoneNumber {
    max-width: 75%;
    flex: 0 0 75%;
}

@media screen and (max-width: 992px) {
.col-sm-9 .row .col-sm-4,
.col-sm-9 .row .col-sm-6 {
	margin-bottom: 1em;
}
}
@media screen and (max-width: 768px) {

.Section-IProfile #nameRow.nameRow .col-sm-9 .row,
.PhoneData .row.row,
.PhoneData .row.row.col-6,
.PhoneNumberLabel .row.row,
.PhoneNumberLabel .row.row.col-6 {
	flex: 100%;
	max-width: 100%;
	margin-bottom: 0;
}

.Page-IProfile .profilepic {
    max-width: 100%;
}
}

/*--------------------------------------------- Receipt ---------------------------------------------*/
.Page-Receipt .ReceiptTable .Col-Heading {
	width: 30%;
}

.Page-Receipt .HeaderNameTable td {
	border: 0;
	padding: 0;
}

.Page-ReceiptForm table {
	margin-top: 10px;
	margin-bottom: 10px;
	width: 90%;
}

.Page-ReceiptForm .Section-Receipt {
	width: 100%;
}

.Page-ReceiptForm .ReceiptHeaderTable,
.Page-ReceiptForm .ReceiptHeaderTable td {
	border-collapse: collapse;
	padding: 3px;
	background-color: #eeeeee;
}

.Page-ReceiptForm .Receipt-Logo-Name {
	font-weight: bold;
}

.Page-ReceiptForm .Receipt-Title {
	font-weight: bold;
	font-size: 200%;
	vertical-align: bottom;
}

.Page-ReceiptForm .Receipt-NameAddressTable,
.Page-ReceiptForm .Receipt-NameAddressTable td {
	border: 0;
}

/*--------------------------------------------- Event calendar ---------------------------------------------*/
table.EventCalendarSearchResult {
    table-layout: fixed;
}
.EventCalendarTable th.Col-Heading {
	border: 1px solid #cccccc;
	background-color: #ffffff;
	padding: 4px;
}

.EventDayCell .Col-Image.Col-IndexImg {
	display: none;
}

.EventDayCell span.iCalendar {
	margin-right: 6px;
    float: left;
}

.EventCalendarTable td.Col-Text.Col-DayEvent {
    padding: 0;
}

.Col-DayEvent a {
    display: inline-block;
}

.OpCalTooltip {
    position: relative;
    display: inline-block;
}

.OpCalTooltip .tooltip {
    padding: 0.5em 0.9em;
    width: 340px;
    background-color: #fff;
    box-shadow: 0px 0px 5px #777;
    color: #444;
    z-index: 2;
    display: none;
    position: absolute;
}

.OpCalTooltip .tooltiptextright {
    right: 0px;
}

.OpCalTooltip .tooltiptextleft {
    left: 0px;
}

.OpCalTooltip .tooltiptexttop {
    bottom: 20px;
}

.OpCalTooltip .tooltiptextbottom {
    top: 20px;
}

.OpCalTooltip:hover .tooltiptextleft,
.OpCalTooltip:hover .tooltiptextright {
	display: block;
	opacity: 1;
}

.OpCalTooltip td.Col-Weekend div, .OpCalTooltip td.Col-Weekdays div {
    margin-bottom: 0.5em;
}

.VolOpsCalTitle {
    font-size: 1.2em;
    font-weight:600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.1em;
    color: #333;
}

.VolOpsCalAgencyName {
    font-weight: 600;
    font-size: 1em;
    color: #333;
}

.OpCalTooltip .col-sm-3, .OpCalTooltip .col-sm-9 {
    max-width: 100%;
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0;
}

span.tooltiptextleft div:last-child,
span.tooltiptextright div:last-child {
    margin: 0;
}

.Page-FindOpContact .NavigationSearch .button {
    margin: 1.25rem 2rem 1.25rem 0 !important;
}

nav.SearchNavigation ol {
    margin-bottom: 0 !important;
}

.Page-NewContact .Row-NameSearch span.input-group-text {
    padding: 0;
}

.input-group-text p {
    margin: 0;
}

@media (max-width: 992px) {
.OpCalTooltip, .tooltip {
	display:block;
}

.OpCalTooltip .tooltip {
    width: 100%;
}

.OpCalTooltip .tooltiptextright,
.OpCalTooltip .tooltiptextleft {
    left: 0px;
}

.Col-DayEvent a {
    width: 90%;
}
}

.EventStarts span,
.EventEnds span,
.EventDescription span {
	font-weight: bold;
	font-size: 12px;
	display: inline-block;
	min-width: 25%;
}

.EventOrganization {
	font-weight: bold;
	font-size: 1.15em;
	color: #333333;
	border-top: 1px solid #ccc;
	padding-top: 0.5em;
}

.EventCalendarSelect {
	vertical-align: middle;
	text-align: center;
}

.Col-Table.Col-DateTable .row .col-sm-9 .row div:first-child {
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0.1em;
}

.Col-Table.Col-DateTable .row .col-sm-9 .row div:last-child {
	margin-bottom: 0;
	padding-left: 0.1em;
	padding-right: 0;
}

.EventCalendarDetails .EventCalendarTable {
	width: 100%;
}

tr.Row-DayEvent {
	display: block;
}

td.Col-CalendarEmptyCell {
	background-color: #f1f1f1;
}

.EventCalendarDetails .EventCalendarTable td {
	border: 1px solid #cccccc;
}

.EventCalendarDetails .EventCalendarTable td td {
	border: 0;
	padding: 1px;
}

.EventCalendarDetails .DayCell td {
	border: 0;
}

table.EventCalendarTable td.Today {
	background-color: #e7e7e7 !important;
	font-weight: bold;
}

table.EventCalendarTable tr td:hover {
	background-color: #eeeeee;
}

table.EventCalendarTable tr td td {
	background-color: transparent !important;
}

.EventCalendarDetails .EventCalendarTable td.Today,
.EventCalendarDetails .EventCalendarTable td.Today Table td {
	background-color: #eeeeee;
	font-weight: bold;
}

.EventCalendarDetails .EventCalendarTable td.Weekend {
	background-color: #dddddd;
}

.DashBoxAttend {
	border: 1px solid #cccccc;
	height: 100%;
	text-align: left;
	padding: 5px;
}

@media screen and (max-width: 860px) {
.EventCalendarTable th,
.VolCalendarTable th,
#VolCalendarTable th {
	white-space: normal;
}

.EventCalendarTable,
.VolCalendarTable,
#VolCalendarTable {
	border: 1px solid #cccccc;
	width: 100%;
	box-sizing: border-box;
}

.EventCalendarTable tr,
.EventCalendarTable th,
.EventCalendarTable td,
.VolCalendarTable tr,
.VolCalendarTable th,
.VolCalendarTable td,
#VolCalendarTable tr,
#VolCalendarTable th,
#VolCalendarTable td {
	display: block;
	position: relative;
}

table.OpsDayCell tr td {
	padding-bottom: 0;
}

table.OpsDayCell {
	margin-top: 10px;
	margin-left: 20px;
}

td.Col-Weekdays.PrevNextMonth,
td.Col-Weekend.PrevNextMonth,
#VolCalendarTable .Col-Image.Col-IndexImg {
	display: none;
}

.EventCalendarTable th,
.VolCalendarTable th,
#VolCalendarTable th {
	position: absolute;
	top: -9999px;
	left: -9999px;
	z-index: 10000;
}

.EventCalendarTable td,
.VolCalendarTable td,
#VolCalendarTable>td {
	border: none;
	border-top: 1px solid #eee;
	position: relative;
	padding: 6px 10px !important;
	font-size: 16px;
	min-height: 30px;
	vertical-align: middle;
	box-sizing: border-box;
}

.EventCalendarTable td:after,
.VolCalendarTable td p:after,
#VolCalendarTable td:after {
	position: absolute;
	top: 7px;
	left: 12px;
	padding-right: 10px;
	padding-left: 18px;
	white-space: nowrap;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	content: attr(data-title);
}

.EventCalendarTable .Col-Image {
	text-align: left;
}

.EventCalendarTable .Date {
	font-weight: bold;
	font-size: 14px;
}

.EventDayCell {
	margin-left: 10px;
	margin-top: 4px;
}

.Col-CalendarEmptyCell {
	display: none !important;
}
}

/*--------------------------------------------- Funding Package ---------------------------------------------*/
th.Col-Print,
th.Col-CSVReport {
	width: 1%;
}

table.CBPackageDtl td {
	border: 0;
}

table.CBPackageDtlForAccount td {
	border: 1px solid #cccccc;
}

table.CBPackageDtlForAccount th.Col-Description {
	width: 80%;
}

table.CBPackages th.Col-DueDate {
	width: 13%;
}

table.CBPackages th.Col-PackageDescription {
	width: 60%;
}

table.CBPackages th.Col-Status {
	width: 23%;
}

.MeasurementDetails td.Col-MeasureType {
	width: 30%;
}

.UpdateActivity td.Col-Year,
.AddActivity td.Col-Year,
.IndicatorInfo td.Col-Year {
	text-align: left;
}

.IndicatorInfo,
.IndicatorInfo table.TableIndicatorDescription,
.TableIndicatorDescription td.Col-Description,
.OutcomeInfo table.TableOutcomeDescription,
.TableOutcomeDescription td.Col-Description {
	width: 100%;
	padding: 0 50px 0 0;
}

.MeasurementDetails td.Col-Comment textarea,
.UpdateActivity,
.UpdateActivity td.Col-Description textarea,
.IndicatorInfo td.Col-IndicatorName textarea,
.TableIndicatorDescription td.Col-Description textarea,
.TableOutcomeDescription td.Col-Description textarea,
.BudgetTable td.Col-BudgetDescription textarea {
	width: 100%;
}

.TableIndicatorDescription td.Col-Description,
.TableIndicatorDescription td.Col-DescriptionCount,
.TableOutcomeDescription td.Col-Description,
.TableOutcomeDescription td.Col-DescriptionCount {
	border: 0;
}

.TableIndicatorDescription td.Col-Description,
.TableOutcomeDescription td.Col-Description {
	padding: 0;
}

.TableIndicatorDescription td.Col-DescriptionCount,
.TableOutcomeDescription td.Col-DescriptionCount,
.MeasurementDetails td.Col-Heading {
	white-space: nowrap;
}

.MeasurementDetails td.Col-Date,
.MeasurementDetails td.Col-SubmitButton {
	text-align: right;
}

/*--------------------------------------------- Pop-Ups ---------------------------------------------*/
.popBlock {
	width: 320px;
	height: auto;
	padding: 5px 20px 50px 20px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.popPrompt {
	margin: 5px 0px;
}

.popPanel {
	margin: 5px 0px 0px 0px;
}

.volPopBlock {
	padding: 5px 20px 50px 20px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.infoBlock {
	padding: 5px 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-weight: bold;
	font-size: 20px;
}

/*--------------------------------------------- Subscription portlet ---------------------------------------------*/
.popBlockSubscr {
	width: 250px;
	height: auto;
	padding: 5px 10px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}

.popBlockSubscr .popBlockSecImage {
	padding: 5px 0px;
}

.popBlockSubscr .popBlockSecCode {
	white-space: nowrap;
	padding: 5px 0px;
}

.Row-AgencyHeadings {
	font-weight: bold;
}

.form-horizontal .Row-AgencyHeadings .col-form-label {
	padding-top: 0;
}

#AgencyTable {
	border: 1px solid #dddddd;
}

.Row-AgencyHeadings {
	margin: 0 !important;
	border-bottom: 1px solid #dddddd;
	padding: 0.5em 0;
	background-color: #f9f9f9;
}

div#subscriptionsList>.Row-Report,
#AgencyTable>.Row-Agency {
	margin: 0;
}

.row.Row-Report {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}

.Row-Agency .col-form-label {
	padding-top: 0;
}

#subscriptionsList>.Row-Report:nth-child(odd) {
	background-color: #f9f9f9;
	border: 1px solid #ddd;
}

#subscriptionsList>.Row-Report:nth-child(even) {
	border-right: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
}

#subscriptionsList {
	border-bottom: 1px solid #dddddd;
	margin-bottom: 26px;
    padding-bottom: 0px;
}

.PortletSubscr {
	max-width: 240px;
}

.subscriptionsList .col-sm-1.Col-Text.Col-Selection,
.subscriptionsList .col-sm-1.Col-Text.Col-SelectionAll {
    width: 20px !important;
    flex: 0 0 20px !important;
    max-width: 20px !important;
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.subscriptionsList .form-check-input {
    margin-left: 2px;
    margin-top: .3rem;
}

.subscriptionsList .col-form-label {
    font-weight: 600;
}

.subscriptionsList .row.row.Row-SelectAll .col-form-label {
    font-weight: bold;
}

.SubscriptionHeader {
    margin: 0 0 20px 0;
}

#subscriptionsList > .my-3.Row-Report {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.subscriptionsList .row.row.Row-Subscription {
	margin-bottom: 0;
}

/*--------------------------------------------- Volunteer Day Detail ---------------------------------------------*/
.Page-OpCalendarDayDetail .OpCalDayDetailHeading,
.Page-OpCalendarDayDetail .Date {
	font-weight: bold;
}

/*------------------------------------- Volunteer Opportunity Maintenance--------------------------------------*/
.Page-OpMaint .HaveAll input[type="Checkbox"] {
    margin: 0 0 0 4px;
}

/* Article */
.Section-Article {
	margin-bottom: 20px;
}

.like,
.dislike {
	font-size: 14px;
	color: #444444;
    font-weight: normal;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
}

.likedisabled,
.dislikedisabled {
	font-size: 14px;
	color: #777777;
    font-weight: normal;
	text-decoration: none;
	text-align: center;
}

.scorewrap {
    margin: 30px 0;
}

.scorewrap a:hover {
	text-decoration: none;
}

.ScorePositive {
	background-image: url("../../Images/Like.png");
	background-repeat: no-repeat;
	height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
    margin-right: 14px;
}

.ScoreNegative {
	background-image: url("../../Images/Dislike.png");
	background-repeat: no-repeat;
	height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
}

.ScorePositiveDisabled {
	background-image: url("../../Images/Like-disabled.png");
	background-repeat: no-repeat;
	width: 40px;
    padding-top: 1px;
    padding-left: 18px;
    margin-right: 14px;
}

.ScoreNegativeDisabled {
	background-image: url("../../Images/Dislike-disabled.png");
	background-repeat: no-repeat;
	height: 22px;
    width: 40px;
    padding-top: 1px;
    padding-left: 18px;
}

.Page-ArticleArchive .Page-ArticleArchive .scorewrap a,
.Page-ArticleArchive .scorewrap a:link,
.Page-ArticleArchive .scorewrap a:visited,
.Page-ArticleArchive .scorewrap a:active,
.Page-ArticleArchive .DefaultButtons .button {
	text-decoration: none;
}

.Page-ArticleArchive .Navigation,
.Page-ArticleArchive .Navitation1 {
	background-color: transparent;
}

.Page-ArticleArchive .Navigation3 a {
	font-size: 12px;
	text-decoration: none;
	margin: 0px 5px;
	color: #444444;
}

.Page-ArticleArchive .Navigation3 a:hover {
	font-size: 12px;
	text-decoration: none;
	margin: 0px 5px;
	color: #3399ff;
}

.slider_middle,
.slider_left,
.slider_right {
	display: inline-block;
}

.slider_middle {
	width: auto;
	height: auto;
	padding: 6px 0;
}

.slider_middle .Navigation1,
.slider_middle .Navigation2,
.slider_middle .Navigation3,
.slider_middle .Navigation4,
.slider_middle .Navigation5 {
	float: none;
}
.Navigation {
    margin-top: 1em;
}
.Navigation3 {
	height: auto;
	background-color: transparent;
}

.current {
	color: #081170;
	font-size: 13px;
	font-weight: bold;
	margin: 5px;
}

.Page-ArticleArchive .Page-ArticleArchive .item a,
.Page-ArticleArchive .item a:link,
.Page-ArticleArchive .item a:visited,
.Page-ArticleArchive .item a:active {
	text-decoration: none;
}

.item {
	background-color: transparent;
}

.item a {
	margin-top: 10px;
}

.slider_middle img {
	margin: -2px 2px;
}

.Last img {
	margin-right: 8px;
}

.First {
	margin-left: 6px;
}

.col-sm-6.Col-Input.Col-FromDInput, .col-sm-6.Col-Input.Col-ToDInput,
.col-sm-6.Col-Input.Col-FromDInput, .col-sm-6.Col-Input.Col-ToDInput,
section#TimeSlotDetails .Col-Date .row div.col-sm-6:first-child {
    flex: 0 0 60%;
    max-width: 60%;
    padding-right: 0;
    max-width: 200px;
}

.col-sm-6.Col-Time.Col-StartTime, .col-sm-6.Col-Time.Col-EndTime,
.col-sm-6.Col-Time.Col-StartTime, .col-sm-6.Col-Time.Col-EndTime {
    padding-left: 8px;
    flex: 0 0 40%;
    max-width: 40%;
    max-width: 140px;
}

#OpGeneralTable .form-row {
    margin-bottom: 1rem;
}

#OpGeneralTable .form-row .row {
	margin-bottom:0;
}

section.VolEventInfoLeft .col-sm-3.col-form-label, section.VolEventInfoLeft .col-sm-9.col-form-label {
    max-width: 100%;
    flex: 0 0 100%;
}

section.VolEventInfoLeft p {
    margin-bottom: 0;
}

section.VolEventInfoLeft span.StartsLabel, section.VolEventInfoLeft span.OccurrenceLabel, section.VolEventInfoLeft span.LocationLabel, section.VolEventInfoLeft span.EndsLabel {
    font-weight: bold;
    min-width: 104px;
    display: inline-block;
    margin-bottom: 8px;
}

section.VolEventInfoLeft span.StartsTime, section.VolEventInfoLeft span.OccurrenceName, section.VolEventInfoLeft span.Location, section.VolEventInfoLeft span.EndsTime  {
    display: inline-block;
    margin-bottom: 8px;
}

.fa-clipboard::before {
    content: "\f328" !important;
}

#VolListForm .Col-Hours .btn {
    --bs-btn-padding-x:0;
}

#VolListForm .Col-Hours .icon.btn.btn-sm {
    color: white;
    background-color: #999;
    float: right;
    margin: 0 3px;
}

.VolunteerOpList td {
    vertical-align: middle;
}

.Page-VolHistory #Details .text-bg-light {
    padding: 0;
    background-color: transparent !important;
}

.Page-VolHistory #Details .icon.btn.btn-sm {
    color: white;
    background-color: #999;
    margin: 0 3px;
}

.Page-VolHistory #Details .btn-group.VolHours-icons {
    margin: 0 0 0 10px;
}

.btn-group.VolSelfReportHours-icons div.btn {
    padding: 0;
}

.SelfReportedHours.my-3 > div {
    border-bottom: 1px solid #e9e9e9;
    padding: 8px 0;
    min-height: 48px;
}

.form-check.Col-OpAutoAssignHours,
.form-check.Col-OpAutoAssignHoursAssignment,
.form-check.Col-OpAutoAssignHoursSpecific,
.form-check.Col-OpAutoAssignHoursSpecificHours {
	display: inline-block;
}

.Page-VolHistory .eVol-container #Details .badge.text-bg-secondary {
  margin: 6px 0;
}

.note.VolSelfHoursUpdateTitle.D p,
.note.VolSelfHoursAddTitle.D p {
    font-size: 30px;
}

form#HoursForm > .row {
    min-height: 54px;
}

.Page-VolSelfReportHours #HoursForm label.Col-Heading {
    font-weight: 600;
}

.Page-VolSelfReportHours {
    max-width: 700px;
}

form#HoursForm {
    margin: 50px 0;
}

@media screen and (max-width:600px) {
.col-sm-6.Col-Input.Col-FromDInput, .col-sm-6.Col-Input.Col-ToDInput,
.col-sm-6.Col-Input.Col-FromDInput, .col-sm-6.Col-Input.Col-ToDInput,
section#TimeSlotDetails .Col-Date .row div.col-sm-6:first-child {
    flex: 0 0 100%;
    max-width: 100%;
    padding-right: 0;
    margin-bottom:10px !important;
}

.col-sm-6.Col-Time.Col-StartTime, .col-sm-6.Col-Time.Col-EndTime,
.col-sm-6.Col-Time.Col-StartTime, .col-sm-6.Col-Time.Col-EndTime {
    padding-left: 0px;
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom:10px !important;
}
}

/*--------------------------------------------- Step-up program ---------------------------------------------*/
.StepUpMessage {
	color: #cf0000;
}

.Page-DocMaint .OrganizationNameBlock {
	font-size: 20px;
	font-style: normal;
}

.Page-Documents .OrgAccountNoTree .Name,
.Page-Contacts .OrgAccountNoTree .Name,
.Page-OProfile .OrgAccountNoTree .Name {
	font-size: 16px;
	font-weight: bold;
}

.Page-Documents .OrgAccountNoTree .Address,
.Page-Contacts .OrgAccountNoTree .Address,
.Page-OProfile .OrgAccountNoTree .Address {
	font-size: 12px;
}

.StepUpPgmName {
    font-weight: 600;
    color: #000000;
}

/*--------------------------------------------- Survey ---------------------------------------------*/
.PortletSurvey .form-horizontal .col-form-label {
	padding-top: 0;
}

.Section-Survey .row .row {
	margin-right: 0;
	margin-left: 0;
}

.Col-WebHelp {
	font-size: 12px;
	color: #666666;
	line-height: 14pt;
	text-align: left;
}

span.Form_Asterisk {
	color: red;
	font-weight: bold;
}

.Row-LineDetail span.Col-Label {
	display: inline-block;
	min-width: 25%;
}

span.NumberingNoTable,
.NumberingNoTable {
	margin: 0 0.2em 0.5em 0;
}

.Col-Text.WordCount {
	float: none;
	font-size: 12px;
	font-style: italic;
	text-align: right;
	display: block;
}

.Area-Survey .NoExtension .Col-PhoneExt,
.Area-Survey .noextension .Col-PhoneExt {
    display: none;
}

.Area-Survey .NoExtension .Col-PhoneArea,
.Area-Survey .noextension .Col-PhoneArea {
    max-width: 40%;
    flex: 0 0 40%;
}

.Area-Survey .NoExtension .Col-PhoneNumber,
.Area-Survey .noextension .Col-PhoneNumber {
    max-width: 60%;
    flex: 0 0 60%;
    padding-right: 0;
}

.Section-Survey .TableFormDetails label.form-check-label {
    width: 80%;
}

.RankingBlock li {
    list-style-type: none;
    border: 1px solid #cccccc;
    padding: 6px 12px 8px 36px !important;
    border-radius: 4px;
    background-color: #f7f7f7;
    position: relative;
    margin-bottom: 10px;
    display: block;
    max-width: 100%;
    min-width: 500px;
    word-wrap: break-word;
    width: fit-content;
}

.RankingBlock ul {
    padding-left: 0;
    max-width: 100%;
    list-style: none;
}

.RankingBlock li > div::before {
    content: '';
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 18px;
    display: inline-block;
    background: radial-gradient(circle, black 2px, transparent 2px), radial-gradient(circle, black 2px, transparent 2px), radial-gradient(circle, black 2px, transparent 2px), radial-gradient(circle, black 2px, transparent 2px), radial-gradient(circle, black 2px, transparent 2px), radial-gradient(circle, black 2px, transparent 2px);
    background-position-x: 0%, 0%, 0%, 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%, 0%, 0%, 0%;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat;
    background-size: auto, auto, auto, auto, auto, auto;
    background-position-x: 0%, 0%, 0%, 0%, 0%, 0%;
    background-position-y: 0%, 0%, 0%, 0%, 0%, 0%;
    background-repeat: repeat, repeat, repeat, repeat, repeat, repeat;
    background-size: auto, auto, auto, auto, auto, auto;
    background-size: 6px 6px;
    background-position: 0 0, 6px 0, 0 6px, 6px 6px, 0 12px, 6px 12px;
    background-repeat: no-repeat;
}
@media screen and (max-width: 600px) {
.RankingBlock li {
    min-width: unset;
    width: 100%;
}
}
@media screen and (max-width: 1024px) {
body .Area-Survey .NoExtension .row div.Col-PhoneNumber,
body .Area-Survey .noextension .row div.Col-PhoneNumber {
    padding-right: 0;
    padding-left: 0 !important;
}

body .Area-Survey .Col-PhoneArea  {
    flex: 0 0 25%;
    max-width: 25%;
    padding-right: 6px !important;
}

body .Area-Survey .Col-PhoneNumber {
    max-width: 50%;
    flex: 0 0 50%;
    padding-right:0;
	padding-left:0;
}

body .Area-Survey .Col-PhoneExt {
    flex: 0 0 25%;
    max-width: 25%;
    padding-left: 6px !important;
}
}

.FileChooser {
	display : none;
}
.FileChooserIcon {
	cursor:pointer;
}
/*---------------------------------------------  Sub Form ---------------------------------------------*/
.SubFormTable {
    width: 100%;
    float: none !important;
}

.SubFormTable .Col-Document {
    min-width: 240px;
}

.SubFormTable span.NumberingNoTable.LineIndent0,
.SubFormTable span.NumberingNoTable.LineIndent1,
.SubFormTable span.NumberingNoTable.LineIndent2,
.SubFormTable span.NumberingNoTable.LineIndent3,
.SubFormTable span.NumberingNoTable.LineIndent4,
.SubFormTable span.NumberingNoTable.LineIndent5  {
    margin-left: 0;
}

.SubFormTable .Col-Label span.NumberingNoTable,
.NumberingNoTable {
    margin: 0;
    display: inline;
}

.TableFormDetails .SubFormTable .LineIndent0,
.TableFormDetails .SubFormTable .LineIndent1,
.TableFormDetails .SubFormTable .LineIndent2,
.TableFormDetails .SubFormTable .LineIndent3,
.TableFormDetails .SubFormTable .LineIndent4,
.TableFormDetails .SubFormTable .LineIndent5 {
    padding: 0 10px 0 0;
    font-size: 14px;
    line-height: 14px;
    white-space: nowrap;
}

.SubFormTable .Col-Radio.form-check.form-check-inline {
    padding-top: 0.3rem;
}

.SubFormTable p,
.SubFormTable span,
.SubFormTable td,
.SubFormTable th,
.SubFormTable select,
.SubFormTable input {
	font-size: 14px !important;
}

.SubFormTable .Col-Document input.form-control {
    padding: 0.32em 0.75em;
}

.Row-LineDetailSubForm {
 	width: 100%;
 	overflow-x: scroll;
 	margin-left: 15px;
    margin-right: 15px;
}

.Row-LineDetailSubForm .col-sm-12 {
	padding-left:0;
	padding-right:0;
}

.SubFormTable .Col-Phone {
    min-width: 240px;
}

.SubFormTable .Col-Dollar {
    min-width: 100px;
}

.SubFormTable .Col-Time {
    min-width: 190px;
}

.SubFormTable .Col-Time select.DropDown {
    min-width: 60px;
    font-size: 14px;
}

.SubFormTable .Col-Time .row.col,
.Col-Time .row.col input[type="text"]{
	width: 100%;
    max-width: 100%;
}

.SubFormTable .Col-Table select {
    min-width: 140px;
}

.SubFormTable .Col-Document a,
.SubFormTable select,
.SubFormTable input,
.SubFormTable .Col-Radio.form-check.form-check-inline .Col-Radio.form-check-label {
	font-size: 14px;
	color: #444444;
	font-weight: 400;
}

.SubFormTable .Col-Date {
    min-width: 150px;
}

.SubFormTable .col-sm-6.Col-Input.Col-PhoneNumber {
    min-width: 80px !important;
}

.SubFormTable .Col-RadioCustom {
	min-width: 400px;
}

.SubFormTable .Col-TextLine {
    min-width: 120px;
}

.SubFormTable th, .SubFormTable td {
    border: 1px solid #cccccc;
    padding: 8px !important;
}

.SubFormTable .Col-Time .row.col {
	margin-bottom:0 !important;
}

.SubFormTable .Col-Time {
    height: 100%;
}

.SubFormTable .col-sm-6.Col-Input.Col-PhoneNumber {
    padding-right: 2px;
    padding-left: 2px;
}

@media screen and (max-width: 576px) {
.SubFormTable .Col-Phone .col-sm-3,
.SubFormTable .Col-Phone .col-sm-6 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.SubFormTable .Col-Dollar {
    min-width: 70px;
}
}

@media (max-width: 768px) {
.Col-Label span.NumberingNoTable,
.NumberingNoTable {
	margin: 0 0.5em 0 0;
}

span.NumberingNoTable.LineIndent1,
span.NumberingNoTable.LineIndent2,
span.NumberingNoTable.LineIndent3,
span.NumberingNoTable.LineIndent4,
span.NumberingNoTable.LineIndent5 {
	margin-left: inherit;
}

.Row-LineDetail span.Col-Label {
	display: block;
	width: 100%;
}

.Section-PledgeAddInfo .Section-Survey .Row-LineDetail {
	padding: 0;
}

.Section-PledgeAddInfo .Section-Survey .row label.col-form-label {
	width: inherit !important;
	padding: initial !important;
}

.Section-PledgeAddInfo .Section-Survey .row label.col-form-label+.col-sm-9 {
	padding: inherit !important;
}
}

/*--------------------------------------------- Bank information ---------------------------------------------*/
.Page-BankInfo .Col-Required {
	font-weight: bold;
}

.Page-BankInfo .RequiredNote {
	font-size: 90%;
	font-weight: bold;
}

/*--------------------------------------------- Account Selector ----------------------------------------------*/
.Page-AccountSelector .BlockDetails .SearchLabel,
.Page-AccountSelector .BlockDetails .AccountKeyword,
.Page-AccountSelector .BlockDetails .AccountType,
.Page-AccountSelector .BlockDetails .Navigation {
	float: left;
}

/*--------------------------------------------- Event Management ---------------------------------------------*/
.Area-EventManagement .OccKeyDescription {
	margin: 10px 0px;
}

.Area-EventManagement .AttendedFilter {
	margin-bottom: 10px;
}

.EventManagement .Col-Last,
.EventManagement .Col-First,
.EventManagement .Col-Host,
.EventManagement .Col-Status,
.EventManagement .Col-Employer {
	width: 120px;
}

.EventManagement th {
	text-align: center;
}

.EventManagement td, .EventManagement th {
	font-size: 14px;
	padding:8px  6px !important;
    line-height: 1em;
    vertical-align: middle;
}

.EventManagement .Col-Attend input.form-check-input {
    position: static;
    text-align: center;
    margin: 0;
}

.EventManagement .Col-Attend .form-check {
    text-align: center;
    padding-left: 0;
}

.Page-EventAttendance form .Navigation,
.Page-EventAttendance form .FirstName {
	margin-top: 20px;
}

.Page-EventAttendance input {
	margin-bottom: 4px;
}

.Page-EventAttendance form .AccountDetails,
.Page-EventAttendance .NavigationCheckIn {
	margin-top: 10px;
}

.Page-EventAttendance form .FirstNameLabel,
.Page-EventAttendance form .LastNameLabel,
.Page-EventAttendance form .eMailLabel {
	display: inline-block;
	width: 40px;
}

.Page-EventAttendance .PaymentInformation {
	margin: 10px 0px;
}

.Page-EventAttendance .DashBoxAttend {
	border: 0;
	padding: 0;
}

.Page-EventAttendance .BioTabData h2,
.Page-EventAttendance .Dashboard h2 {
	color: #000000;
	font-size: 16px;
	margin-bottom: 2px;
}

.Page-EventManagement th.Col-Attend,
.Page-EventAttendance th.Col-Attend {
	width: 1%;
	white-space: nowrap;
}

.Page-EventAttendance .OccChanged {
	color: #cf0000;
}

.Page-EventAttendance .AttendanceSubType {
	margin-top: 10px;
}

.Page-EventAttendance .AttendancePlacement input
{
	width: auto;
	display: inline;
}

.Area-EventManagement .Dashboard th,
.Area-EventManagement .Dashboard td.Col-Heading,
.Page-EventAttendance .OccChanged {
	color: #000000;
}

.Page-EventAttendance .BlockDetails,
.Area-EventManagement .OccKeyDescription {
	line-height: 30px;
}

table.AttendanceFees td, table.AttendanceFees th {
    border: 1px solid #cccccc;
    padding: 4px 8px;
}

.Page-EventAttendance .Block,
.Page-EventManagement .Block,
.Area-EventManagement .BioCommAdd .BlockHeader {
	padding: 0;
}

.Area-EventManagement .Dashboard .Heading {
	float: left;
	font-weight: normal;
}

.Page-EventAttendance .Dashboard div {
	clear: both;
}

.Page-EventAttendance .Dashboard h2 {
	font-size: 15px;
}

.Area-EventManagement .AddActivity td,
.Area-EventManagement .EventManagement td,
.Area-EventManagement .EventManagement th {
	padding: 2px 4px;
}

.Area-EventManagement .EventLabel,
.Area-EventManagement .OccurrenceLabel,
.Area-EventManagement .StartsLabel,
.Area-EventManagement .EndsLabel,
.Area-EventManagement .SubTypeLabel,
.Area-EventManagement .StatusLabel,
.Area-EventManagement .IndividualLabel,
.Area-EventManagement .EventTotalLabel,
.Area-EventManagement .EventPaymentLabel,
.Area-EventManagement .EventBalanceLabel,
.Area-EventManagement .PledgeTotalLabel,
.Area-EventManagement .HostLabel,
.Area-EventManagement .CompanyLabel,
.Area-EventManagement span.RegistrationDateLabel,
.Area-EventManagement span.RegistrationTimeLabel,
.Area-EventManagement span.EmployerLabel  {
	display: inline-block;
	min-width: 160px;
}

.Area-EventManagement .StatementSummary tr.Row-TotalAmount td,
.Area-EventManagement tr.Row-Odd td,
.Area-EventManagement tr.Row-Even td {
	background-color: #ffffff;
}

.Area-EventManagement .Leftalign,
.Area-EventManagement .Classic,
.Area-EventManagement .DashBox table,
.Classic {
	border: 1px solid #cccccc;
}

div#AttendanceDtl table.EventManagement {
    overflow: scroll;
}

.StatusFilter {
	margin-bottom: 1em;
}

.StatusFilter .CheckboxTable.SelectAttendance,
section#AttendNameFilterTable section.CheckboxTable.col-sm.SelectSubType {
	float: none;
	width: 100% !important;
	padding: 0;
}

.checkbox-inline .Col-CheckboxDes,
.AttendNameFilterTable td.Col-Header {
	vertical-align: middle;
}

.AttendNameFilterTable {
	margin: 10px 0 20px 0;
}

#EventReg {
	margin: 10px 0px;
}

.Section-EventRegistration .FeesTable {
	margin: 20px 0px;
	width: auto;
}

.Section-EventRegistration .FeesTable .Col-Fee,
.Section-EventRegistration .FeesTable .Col-Quantity,
.Section-EventRegistration .FeesTable .Col-Total {
	width: 70px;
}

#AttendListDtlNotes {
	margin: 20px 0px 2px 0px;
	font-size: 14px;
}

.Section-EventRegistration .EventRegOptions {
	margin-top: 20px;
}

.EventSurvey .Col-Space {
	border: 0;
}

.OccAttendance.row.row .col-sm-4 {
    max-width: 140px;
}

.AttendedPercent1 {
    font-size: 30px;
}

.Attended-number, .Registered-number {
    width: 30px;
    margin-right: 8px;
    float: left;
    text-align: right;
}

table.EventManagement .fa-sort-down::before {
    vertical-align: top;
    line-height: 0.5em;
    font-size: 16px;
}

table.EventManagement .fa-sort-up::before {
    vertical-align: bottom;
    line-height: 0.4em;
    font-size: 16px;
}


.Area-EventManagement .EventDetails .badge {
  padding: 10px;
  margin-right: 24px;
  min-width: 140px
}

.Area-EventManagement .EventDetails .justify-content-between {
  justify-content: left !important;
}

.Page-EventAttendance .AccountDetails {
  margin: 40px 0 30px 0 !important;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 30px 0;
}

.Page-EventAttendance .AccountDetails .EmployerNameLabel {
  display: block;
}

.Page-EventAttendance .AccountDetails .EmployerName1,
.Page-EventAttendance .AccountDetails .EmployerName2 {
  display: inline-block;
}

.Page-EventAttendance .AccountDetails div > span:first-child {
  font-weight: 600;
  margin-top: 12px;
}

.Page-EventAttendance form .EventDetails {
  padding: 60px 0 20px 0;
  border-top: 1px solid #ddd;
  margin-top: 30px;
}

/*--------------------------------------------- Board----------------------------------------------*/
.Page-NewMember .IndProfileInclude,
.Page-NewMember .AffilitationDetails,
.Page-NewMember .IndProfileInclude input,
.Page-NewMember .IndProfileInclude select {
	width: 100%;
}

.Area-CB .Page-NewMember .LeftAlign td td {
	padding: 1px 2px 1px 1px;
}

/*--------------------------------------------- ReportPanelCSVColumns.jsp---------------------------------------------*/
.ePlgRptCSVColListBox-Available-Main,
.ePlgRptCSVColListBox-Selected-Main {
	margin-bottom: 1em;
}

.CSVColumnSelectionHeader a span {
	float: right;
	font-size: initial;
}

.ePlgRptCSVColListBox-Available,
.ePlgRptCSVColListBox-Selected,
.ePlgRptCSVColListBox-Buttons-1,
.ePlgRptCSVColListBox-Buttons-2 {
	padding: 0px;
}

.ePlgRptCSVColListBox-Buttons-1 img,
.ePlgRptCSVColListBox-Buttons-2 img {
	display: block;
	margin: 1em auto;
	margin-top: 2em;
}

.ePlgRptCSVColListBox-Available select,
.ePlgRptCSVColListBox-Selected select {
	width: 100%;
	min-height: 600px;
}

.CSVColAvail,
.CSVColSelected {
	font-weight: bold;
}

.ButtonSeparator-V {
	height: 10px;
	padding: 0;
	margin: 0;
}

.Section-CSVColumnSelection .DefaultButtons a.button {
    background-color: #fff !important;
    padding: 9px 14px !important;
    min-width: 90px !important;
    color: #777 !important;
    border: 1px solid #cccccc !important;
}

.Section-CSVColumnSelection .DefaultButtons a.button:hover {
	background-color: #888888 !important;
	color: #ffffff !important;
}

.Section-CSVColumnSelection .icon {
    margin: 10px;
}

.ePlgRptCSVColListBox-Buttons-1, .ePlgRptCSVColListBox-Buttons-2 {
    padding-top: 40px;
}

.Section-CSVColumnSelection .icon i {
    color: #444444;
    border: 1px solid #cccccc;
    padding: 6px 8px;
    margin: 6px;
    min-width: 38px;
    text-align: center;
    background-color: #ffffff;
}

.Section-CSVColumnSelection .icon i:hover {
	background-color: #888888;
	color: #ffffff;
}

/*---------------------------------------------CybsSACheckout.jsp----------------------------------------------*/
.Page-CybsSACheckout tr.ReadOnly input {
	border: 0;
	background-color: transparent;
}

.Page-CybsSACheckout div.Navigation div {
	display: inline;
	padding-right: 50px;
}

.Page-CybsSACheckout .Section-PaymentDtl .BlockError,
.Page-CybsSACheckout .Section-BillInfo .BlockError {
    color:#ad1b28;
    background-color:transparent;
    padding:0;
    border: 0;
}

.Page-CybsSACheckout td.Col-Heading.Col-Text.Label-merchant_defined_data1.ReadOnly,
.Page-CybsSACheckout .BlockError,
.BlockError h2  {
	font-size: inherit !important;
	font-family: inherit !important;
	margin-bottom: inherit !important;
	margin-top: inherit !important;
}

.Page-CybsSACheckout form .Col-Display {
	vertical-align: middle;
}

.Page-CybsSACheckout .BlockHeader {
	padding: 0;
}

#SecurityCodeID,
.DIV-WebConfirmWait,
#NavigationButtons {
	margin-left: 0px;
}

#NavigationButtons .col-sm-12 {
	padding-left: 0;
	padding-right: 0;
}

.Annotations .NoteImage img {}
.Annotations img.NoteImage {
	float: left;
	margin: 0 1em 1em 0;
	width: 20%;
}

body.plugin.gecko.win {
	text-align: center;
	margin: 20px 0;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	max-width: 800px;
	min-width: 600px;
	width: auto;
	font-size: 13px !important;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable h1 {
	margin-bottom: 20px;
}

.PanelField .DISABLED input,
.PanelRow .DISABLED input,
.PanelField .DISABLED textarea,
.PanelRow .DISABLED textarea,
.PanelField .DISABLED select,
.PanelRow .DISABLED select {
	margin-bottom: 2px;
	padding-left: 4px;
}

select.SPECIFICTIMETime {
	width: auto !important;
	margin-left: 3px;
}

.PanelRow {
	margin: 8px 0px;
	display: block !important;
}

.PanelField .AccountSelection.ACCOUNTNUMBER input {
	margin-right: 2px;
}

.GROUP_Address,
.GROUP_Location {
	display: inline-block;
	vertical-align: top;
}

.GROUP_Transit div,
.GROUP_Transit input,
.GROUP_Season div,
.GROUP_Season .PanelField .Label {
	display: inline-block;
}

.GROUP_Season input,
.GROUP_Season .PanelField .FROMDATE input {
	width: 60px;
}

.ANDARCheckBox.ATSUBWAYLINE,
.ANDARCheckBox.ATBUSLINE {
	padding-right: 20px;
}

.Label.Date {
	float: left;
}

.AuditPanel {
	margin: 30px 0;
}

.AuditPanel div input {
	width: 100% !important;
}

.Label.Created-,
.Label.Last-Changed- {
	display: block;
	text-align: left;
}

.PanelField input,
.PanelField select,
.PanelRow input,
.PanelRow select {
	width: auto;
	max-width: 420px;
	box-sizing: border-box;
}

.PanelField .FROMDATE input,
.PanelField .TODATE input,
.PanelField .Date input,
.PanelRow .Date input,
.PanelRow .EFFECTIVEDATE input {
	width: auto;
	margin-right: 2px;
	vertical-align: top;
}

.PanelRow .halfsize input,
.PanelField .halfsize input {
	width: 88px !important;
}

.PanelRow .Date a img,
.PanelField .Date a img {
	margin-bottom: 2px;
	vertical-align: middle;
}

.PanelRow .Label.Seasonal-From,
.PanelField .Label.TODATE {
	display: inline-block;
	margin-right: 6px;
}

.ANDARCheckBox .Checkbox {
	margin: 7px 0px !important;
}

.ui-dialog .ui-dialog-title {
	margin: 0;
}

.PanelRow .AuditPanel .Label.User,
.PanelRow .AuditPanel .Label.Time,
.PanelRow .AuditPanel .Label.Date {
	display: none;
}

.PanelRow .AccountSelection input {
	width: 80px;
}

.AuditPanel .InputText.DISABLED {
	margin-bottom: 8px;
}

.PanelRow .Label.Last.Changed {
	margin-top: 40px;
}

.Page-AccountSearch .AccountKeyword {
	margin-bottom: 10px;
}

.Page-AccountSearch .Navigation {
	margin-top: 30px;
}

.DashboardReport .row {
    margin-left: 0;
    margin-right: 0;
}

.DashboardReport .Row-ReportName,
.DashboardReport .Col-ReportName,
.DashboardReport .Col-ReportName select,
.DashboardReport .Col-ReportName img {
	vertical-align: middle;
}

.ProjectImage img {
	max-width: 800px;
}

/*  Opportunity info page > This opportunity has reached the maximum number of volunteer assignments text  */
.SubscrRemoveAll .DIV-Note,
.SubscrRemoveAllAgencies .DIV-Note {
	margin: 0;
}

.MainPage form .SubscrRemoveAll,
.MainPage form .Row-Report {
	padding: 0.5em 0px;
}

.MainPage form .ContactRulesCategoriesTable td,
.MainPage form .SubscrRemoveAll td,
.MainPage form .Section-SubscriptionVolunteerRelease td {
	padding: 2px 6px;
}

.contactRulesCategoryList .Col-Label {
	font-weight: bold;
}

.ContactRulesCategoriesTable {
	margin-bottom: 16px;
}

.contactRulesCategoryList a {
	margin: 2px 6px;
}

.ErrorHighlightBackground {
	background-color: #FFFFCC;
}

.DisabledLabel {
	color: #888888;
}

/* iAccess */
.Page-Dashboard ul.navbar-nav.mr-auto,
.Page-BioTab ul.navbar-nav.mr-auto {
	flex-wrap: wrap;
}

.Navigation nav.navbar {
	padding: 0;
}

.navbar-light .navbar-nav .nav-link {
	color: #333333;
	transition: all 0.25s;
}

a.nav-link.active {
	background: #cccccc;
}

.DashTitle {
	font-weight: 600;
}

span.WebBioTabDspTxt,
span.WebBioTabUpdateTxt,
span.WebBioTabDeleteTxt,
span.WebBioTabBroadcastTxt {
	display: none;
}

.AuditRow .Date,
.AuditRow .Time,
.AuditRow .User {
	width: 24%;
}

.Page-WebUpdateApp .Section-UpdateApp #NoteCategory,
.Page-WebUpdateApp .Section-UpdateApp #Date {
	width: 70%;
}

.input-group-addon.datepick-trigger {
	padding: 8px 12px;
}

.PanelRow .subsection,
.PanelRow .TableFormDetails {
	display: block;
}

.PanelRow .Row-LineDetail label,
.PanelRow .Row-LineDetail div {
	padding-left: 0;
	padding-right: 0;
}

.PanelRow .Row-LineDetail .checkbox,
.PanelRow .Row-LineDetail .radio {
	margin-top: 2px;
	margin-bottom: 5px;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	max-width: 100% !important;
}

.Reach_CommunicationsUpdate .InputText.REMINDNOTE.DISABLED input {
	max-width: 128px !important;
}

.Reach_CommunicationsUpdate .ANDARCheckBox.REMINDSTATUS.DISABLED {
	min-width: 400px !important;
}

#ui-id-3,
#ui-id-1,
.ui-dialog-content.ui-widget-content {
	text-align: left;
}

.PanelField_LABEL_ABOVE {
	display: inline-block;
	vertical-align: top;
}

.PanelRow .PanelField_LABEL_ABOVE input,
.PanelRow .PanelField_LABEL_ABOVE select {
	width: 100%;
	box-sizing: border-box;
}

.PanelRow .PanelField_LABEL_ABOVE .DATEYEAR,
.PanelRow .PanelField_LABEL_ABOVE .DATEMONTH,
.PanelRow .PanelField_LABEL_ABOVE .DATEDAY {
	display: block;
	margin: 0;
}

.PanelRow .PanelField_LABEL_ABOVE .SPECIFICTIME {
	width: 180px;
	display: block;
	margin: 0;
}

.PanelRow .PanelField_LABEL_ABOVE .SPECIFICTIME .is-timeEntry {
	width: 118px;
	box-sizing: border-box;
	margin-right: 0;
}

.PanelRow input[type=checkbox],
.PanelRow input[type=radio] {
	display: inline-block;
	vertical-align: middle;
	width: 18px !important;
	height: auto;
}

.PanelRow .Label.Sun,
.PanelRow .Label.Mon,
.PanelRow .Label.Tue,
.PanelRow .Label.Wed,
.PanelRow .Label.Thr,
.PanelRow .Label.Fri,
.PanelRow .Label.Sat {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.PanelRow .ANDARCheckBox .form-check-input {
	position: static;
	margin-left: 8px;
	margin-top: 9px;
}

.PanelRow .Label.Days-of-the-week {
	float: left;
}

.PanelField #AccountDate>div {
	width: 50%;
}

input.form-control.is-datepick {
	display: inline-block;
}

.ExpiredRecord {
	background-color: #eeeeee !important;
	color: #999999;
}

.ExpiredRecord a {
	color: #999;
}

.Navigation .BioTabSeparator,
.Navigation .BioTabSeparator img {
	display: none;
}

.Navigation .BioTabTitle.GlobalTab a,
.Navigation .BioTabTitle.PersonalTab a {
	position: relative;
	padding-left: 1.5em;
}

.Navigation .BioTabTitle.GlobalTab a::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f57d";
	position: absolute;
	left: 0.5em;
	top: 1.12em;
	font-size: 11px;
}

.Navigation .BioTabTitle.GlobalTab a:hover,
.Navigation .BioTabTitle.PersonalTab a:hover {
	background-color: #f1f1f1;
}

.Navigation .BioTabTitle.PersonalTab a::before {
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f007";
	position: absolute;
	left: 0.5em;
	top: 1.12em;
	font-size: 11px;
}

#BioTabForm .Navigation table,
.Page-Dashboard .Navigation table {
	border-spacing: 0;
	min-width: auto !important;
}

.DashBox .Navigation {
    margin-right: 0;
}

.DashBoxHeader {
	display: none;
}

.PanelField .Time input,
.PanelRow .Time input,
.PanelRow .Time select {
	width: 82px;
}

.Include-Subsidiaries,
.Override-Sponsor-with-the-organization-at-web {
	display: inline-block !important;
	vertical-align: top;
}

.TotalRecord {
	background-color: #eeeeee !important;
}

.PanelField div,
.PanelRow div {
	display: inline-block;
	vertical-align: top;
}

.pureCssRecentAccounts {
	display: none;
	width: 91%;
	padding-right: 1em;
    left: 15px;
}

.pureCssRecentAccounts a {
	text-decoration: none;
	padding: 0;
	display: block;
	font-weight: normal !important;
	color: #333333 !important;
}

.pureCssRecentAccounts a:hover {
	text-decoration: none !important;
}

li.RecentAccountTypeO {
	list-style-image: url("../../Images/OrganizationIcon.png");
	background-image: none;
}

li.RecentAccountTypeI {
	list-style-image: url("../../Images/IndividualIcon.png");
	background-image: none;
}

.pureCssRecentAccounts li.bookmark {
	list-style-image: url("../../Images/GreyArrow.png");
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 6px;
	cursor: pointer;
	background-image: none;
	height: 20px;
}

body:not(.dialog-opened) .ui-dialog .ui-widget-header {
	border-radius: 0;
	background: #fff;
	border: none;
	color: #000;
	font-weight: bold;
	font-size: 16px;
	height: 40px !important;
	padding: 0px !important;
}
body:not(.dialog-opened) .ui-dialog-title {
	display: none;
}

.ui-dialog .ui-dialog-titlebar-close {
	background: #fff;
	border: none;
	color: #000;
	margin: 0 !important;
	z-index: 55;
    padding: 5px;
    height: unset;
    width: unset;
}
.ui-dialog .ui-dialog-titlebar-close::before {
    content: '\f00d';
    font: var(--fa-font-solid);
}

.ui-dialog .ui-dialog-title {
	margin: 0;
}

ul li.BookmarkFolder {
	background-image: none;
}

html .ui-state-default .ui-icon {
	background-image: url("../../Images/ui-icons_LU2013.png");
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: none scroll 50% 50% #e3e4ec;
	border: 1px solid #cccccc;
	color: #0a0d4c;
	font-weight: bold;
}

ul.pureCssRecentAccounts li {
	position: relative;
	padding: 4px 0;
	background-image: none;
}

.AccountQuickSearchComp {
	margin-top: 1em;
}

.ul.pureCssRecentAccounts {
	position: absolute;
	background: rgb(255, 255, 255);
	z-index: 10;
	padding-right: 1em;
	box-shadow: 0px 0px 2px #999;
	padding-bottom: 1em;
	top: 2.75em;
	min-width: 100%;
	z-index: 1030;
}

ul.pureCssRecentAccounts li:hover {
	background-color: #e3e2e2;
}

ul.pureCssRecentAccounts .bookmark ul {
	left: 0;
	top: 20px;
	width: 380px;
}

ul.pureCssRecentAccounts ul {
	background-color: #eeeeee;
	border: 1px solid #999999;
	display: none;
	left: 10%;
	position: absolute;
	top: 20px;
	z-index: 10000;
	padding: 4px 6px 4px 26px;
}

.RecentAccountsMenu {
	cursor: pointer;
}

.updateRecentAccount {
	list-style: none;
}

li.BookmarkFolder:hover>ul {
	display: block;
}

.PanelField .AccountSelection.ACCOUNTNUMBER .ui-autocomplete-input {
	width: 66px;
}

.LASTSENTDATE,
.Reach_EMailsUpdate .InputText.PanelField_1.DISABLED,
.Reach_EMailsUpdate .InputText.PanelField_2.DISABLED,
.Reach_EMailsUpdate .InputText.PanelField_3.DISABLED {
	display: inline-block;
	vertical-align: top;
}

.Reach_EMailsUpdate .InputText.PanelField_1.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_2.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_3.DISABLED input {
	width: auto;
}

.ui-dialog-content {
	text-align: left;
}

.ui-dialog .ui-dialog-content {
	padding: 1.75em !important;
}

.ui-dialog h1 {
	border: 0;
}

.Reach_EMailsDisplay .InputText.PanelField_1.DISABLED input,
.Reach_EMailsDisplay .InputText.PanelField_2.DISABLED input,
.Reach_EMailsDisplay .InputText.PanelField_3.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_1.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_2.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_3.DISABLED input,
.Reach_EMailsDisplay .PanelRow .LASTSENTDATE input,
.Reach_EMailsDisplay .PanelRow .LASTREADDATE input,
.Reach_EMailsDisplay .PanelRow .LASTERRORDATE input,
.Reach_EMailsUpdate .PanelRow .LASTSENTDATE input,
.Reach_EMailsUpdate .PanelRow .LASTREADDATE input,
.Reach_EMailsUpdate .PanelRow .LASTERRORDATE input {
	width: 240px;
}

.Label.Days-of-the-week- {
	display: block;
}

.HistoryChart img,
.ProspectingFunnelChart img,
.KPIChart img {
    max-width: 100%;
}

.PanelRow .Label.Expiry-Date {
	text-align: right;
	width: auto;
}

.PanelRow .Date.EFFECTIVEDATE img,
.PanelRow .Date.EXPIRYDATE img {
	margin-right: 16px;
}

.CommSummaryDate {
	font-size: 15px;
	font-family: monospace;
}

.CommSummary {
	clear: both;
}

.CommSummarySubject {
	font-weight: bold;
}

.CommSummaryAccount {
	margin-bottom: 0.5em;
}

.CommSummaryAccount a {
	color: #666666;
}

.AccountLink:hover {
	text-decoration: underline;
}

.slider_middle .Navigation3 a {
	text-decoration: underline;
	font-size: 13px;
}

.PanelRow textarea {
	width: 100%;
	box-sizing: border-box;
}

.AuditPanel .Label.Created-,
.AuditPanel .Label.Last-Changed- {
	display: block;
}

.item {
	margin: 0 6px;
}

.slider_middle .Navigation1,
.slider_middle .Navigation2,
.slider_middle .Navigation3,
.slider_middle .Navigation4,
.slider_middle .Navigation5 {
	float: none;
	margin: 0 4px;
}

.PanelField .Label {
	min-width: 148px;
}

.RefInfoRow .form-control-static {
	padding-top: calc(.375rem + 1px);
}

.AutocompleteContainer {
	padding-left: 2em;
}

li .AutocompleteAccountTypeO,
li .AutocompleteAccountTypeI {
	margin-right: 0.35em;
}

.AutocompleteAccountName {
	margin-left: -1.5em;
}

li .AutocompleteAccountTypeO::before {
	content: ' ';
	background-image: url("../../Images/OrganizationIcon.png") !important;
	background-repeat: no-repeat;
	background-position: middle left;
	height: 14px;
	width: 14px;
	display: inline-block;
	margin-right: 4px;
}

li .AutocompleteAccountTypeI::before {
	content: ' ';
	background-image: url("../../Images/IndividualIcon.png") !important;
	background-repeat: no-repeat;
	background-position: middle left;
	height: 14px;
	width: 14px;
	display: inline-block;
	margin-right: 4px;
}

li .AutocompleteAccountAddress {
	margin-left: 18px;
}

.ui-autocomplete {
	background: #fefefe;
	font-size: 1em;
}

.ui-autocomplete .account-highlight {
	text-decoration: underline;
}

.Section-Annotations .HTMLEditor.ANNOTATION {
    width: 100% !important;
}

/*style the autocomplete selection list for Iprofile prefix suffix-JW99096*/
.PanelField .Label.Create-Sponsor-Match,
.PanelField .Label.Create-Donor-Match-Memo {
	width: 600px;
}

.Col-Integer img {
	margin: 3px;
}

.DashBox blockquote {
	margin: 0;
	padding: 0;
}

.DashBox .AddressPecked br {
	display: none;
}

.ui-autocomplete .account-highlight {
	text-decoration: underline;
}

.FiltersMenu {
	cursor: pointer;
}

.pureCssFilters {
	display: none;
	margin: 10px 0px;
	max-width: 500px;
	min-width: 200px;
}

.pureCssFilters a {
	display: block;
	font-size: 16px;
	font-weight: normal;
	padding: 8px 2px;
	transition: all 0.5s;
}

.pureCssFilters a:hover {
	background: #f1f1f1;
	text-decoration: none !important;
	color: #0b1980 !important;
}

.pureCssFilterm {
	position: absolute;
	top: 16px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	padding: 0 0 0 28px;
	z-index: 10000;
	right: 0;
	text-align: left;
}

ul.pureCssFilters li {
	list-style: none;
	line-height: 16pt;
}

.CurrentFilter {
	list-style: disc !important;
}

.PanelRow .MonthComponent,
.PanelRow .DayComponent,
.PanelRow .PROSPECTRATING input,
.PanelRow .GIFTFROM input,
.PanelRow .GIFTTO input {
	width: auto;
}

.Page-AccountSearch .SearchResultList a {
	display: inline-block;
	margin: 6px;
}

.bookmarkACCOUNTNUMBERB {
	cursor: pointer;
}

.ProspectPointsListLinkage .ProspectPointsListRow {
	display: block !important;
}

.ANDARYearFormatter input {
	width: 70px !important;
}

.PanelRow .PanelField:nth-child(2) input,
.PanelRow .PanelField:nth-child(3) input,
.PanelRow .PanelField:nth-child(4) input,
.PanelRow .PanelField:nth-child(2) select,
.PanelRow .PanelField:nth-child(3) select,
.PanelRow .PanelField:nth-child(4) select {
	width: auto !important;
}

.PanelRow .PanelField:nth-child(2) .RANKINGTYPE select,
.PanelRow .PanelField:nth-child(2) .PLANNAME input {
	width: 180px !important;
}

html .PanelRow .PanelField:nth-child(3) .TaskActivation input {
	width: 120px !important;
}

.PanelRow .PanelField:nth-child(2) .Label,
.PanelRow .PanelField:nth-child(3) .Label,
.PanelRow .PanelField:nth-child(4) .Label {
	margin-left: 0px;
	margin-right: 1px;
}

.RecentWarehouseMenu {
	background-image: url("../../Images/GreyArrow.png");
	background-repeat: no-repeat;
	height: 12px;
	width: 12px;
	display: inline-block;
	margin: 6px 0 10px 6px;
	vertical-align: middle;
}

ul.pureCssRecentWarehouseList ul {
	background-color: #eeeeee;
	border: 1px solid #999999;
	display: none;
	left: 10%;
	position: absolute;
	top: 20px;
	z-index: 10000;
	padding: 4px 6px 4px 26px;
}

.updateRecentWarehouse {
	list-style: none;
}

ul.pureCssRecentWarehouseList {
	display: none;
	margin: 10px 0;
}

.DashHeader .DIV-EventAttendIndBio,
.DashHeader .DIV-EventAttendOrgBio {
	font-size: 24px;
}

.PanelRow tr.Row-Even {
	background-color: transparent !important;
}

.PanelRow tr.Row-Even td {
	background-color: transparent !important;
	padding: 6px 0;
}

.PanelRow .Date button {
	border: 0;
	width: auto;
	background-color: transparent;
}

.ProspectMoveStatesHistoryMaintenance {
	margin: 8px 0;
}

.ProspectMoveStatesHistoryMaintenance th,
.ProspectMoveStatesHistoryMaintenance td {
	padding: 4px 6px 4px 0px !important;
}

.Reach_ProspectUpdate .Label.Campaign-Account,
.Reach_ProspectUpdate .CampaignList,
.Reach_ProspectAdd .Label.Campaign-Account,
.Reach_ProspectAdd .CampaignList,
.Reach_ProspectDisplay .Label.Campaign-Account,
.Reach_ProspectDisplay .CampaignList {
	display: table-cell;
	padding-right: 8px;
	padding-top: 3px;
}

div.PanelField:nth-child(2) .Label.EXPIRYDATE {
	text-align: left;
	margin-left: 0;
}

.CampaignList select.DropDown {
	margin: 0;
}

.Reach_RelationshipsDisplay .GROUP_NO_GROUP_1>div:nth-child(2) .AccountSelectionNameDisplay,
.Reach_RelationshipsDisplay .GROUP_NO_GROUP_1>div:nth-child(4) .AccountSelectionNameDisplay {
	width: 700px !important;
	max-width: 700px;
}

.Reach_RelationshipsDisplay .GROUP_NO_GROUP_1>div:nth-child(3) .Label {
	white-space: nowrap;
}

html .Reach_RankingSumDisplay .RANKINGTYPE select,
html .Reach_RankingSumDisplay .POSITIONNUMBER input,
html .Reach_RankingSumDisplay .SEGMENT select,
html .Reach_RankingSumDisplay .RANKINGDATE input,
html .Reach_RankingSumRUDisplay .RANKINGTYPE select,
html .Reach_RankingSumRUDisplay .POSITIONNUMBER input,
html .Reach_RankingSumRUDisplay .SEGMENT select,
html .Reach_RankingSumRUDisplay .RANKINGDATE input,
html .Reach_RankingSumRUDisplay .RANKINGVALUE input,
html .Reach_RankingSumRUDisplay .RANKINGUSER input,
html .Reach_RankingSumRUDisplay .CAMPAIGNTYPE select,
html .Reach_RankingSumDisplay .RANKINGVALUE input,
html .Reach_RankingSumDisplay .RANKINGUSER input,
html .Reach_RankingSumDisplay .CAMPAIGNTYPE select {
	width: 270px;
}

html .Reach_RankingSumRUDisplay .PanelRow .CAMPAIGNTYPE input,
html .Reach_RankingSumRUDisplay .PanelRow .RANKINGNUMBER input,
html .Reach_RankingSumRUDisplay .PanelRow .SEGMENTNUMBER input,
html .Reach_RankingSumRUDisplay .PanelRow .RANKINGTIME input,
html .Reach_RankingSumDisplay .PanelRow .CAMPAIGNTYPE input,
html .Reach_RankingSumDisplay .PanelRow .RANKINGNUMBER input,
html .Reach_RankingSumDisplay .PanelRow .SEGMENTNUMBER input,
html .Reach_RankingSumDisplay .PanelRow .RANKINGTIME input {
	width: 180px !important;
}

html .Reach_RankingSumRUDisplay .AccountSelectionNameDisplay,
html .Reach_RankingSumDisplay .AccountSelectionNameDisplay {
	max-width: 592px;
	width: 592px;
}

.InvalidComboBoxValue {
	color: red;
}

.Reach_ProspectDisplay .PanelRow .PanelRow .subsection,
.Reach_ProspectDisplay .PanelRow .PanelRow .GROUP_NO_GROUP_1,
.Reach_ProspectDisplay .PanelRow .PanelRow .section,
.Reach_ProspectUpdate .PanelRow .PanelRow .subsection,
.Reach_ProspectUpdate .PanelRow .PanelRow .GROUP_NO_GROUP_1,
.Reach_ProspectUpdate .PanelRow .PanelRow .section {
	width: 100%;
}

.Reach_ProspectDisplay .CAMPAIGNACCOUNTNUMBER,
.Reach_ProspectUpdate .CAMPAIGNACCOUNTNUMBER,
.Reach_ProspectAdd .CAMPAIGNACCOUNTNUMBER,
HTML .PanelRow .HTMLEditor .mce-flow-layout-item,
HTML .PanelRow .HTMLEditor .mce-flow-layout-item div {
	display: inline-block !important;
}

.Reach_ProspectDisplay #CAMPAIGNACCOUNTNUMBER>option,
.Reach_ProspectUpdate #CAMPAIGNACCOUNTNUMBER>option,
.Reach_ProspectAdd #CAMPAIGNACCOUNTNUMBER>option {
	width: 266px !important;
}

.Reach_ProspectTouchPointsHistoryAdd .GROUP_NO_GROUP_1>div:nth-child(1),
.Reach_ProspectTouchPointsHistoryAdd .GROUP_NO_GROUP_1>div:nth-child(2),
.Reach_ProspectTouchPointsHistoryDisplay .GROUP_NO_GROUP_1>div:nth-child(1),
.Reach_ProspectTouchPointsHistoryDisplay .GROUP_NO_GROUP_1>div:nth-child(2),
.Reach_ProspectTouchPointsHistoryUpdate .GROUP_NO_GROUP_1>div:nth-child(1),
.Reach_ProspectTouchPointsHistoryUpdate .GROUP_NO_GROUP_1>div:nth-child(2),
.MaintenanceTopButtons {
	display: inline-block;
}

.Reach_ProspectTouchPointsHistoryAdd .GROUP_NO_GROUP_1>div:nth-child(2),
.Reach_ProspectTouchPointsHistoryDisplay .GROUP_NO_GROUP_1>div:nth-child(2),
.Reach_ProspectTouchPointsHistoryUpdate .GROUP_NO_GROUP_1>div:nth-child(2) {
	vertical-align: middle;
	width: 98px;
}

.Reach_ProspectDisplay .PanelRow .subsection,
.Reach_ProspectDisplay .PanelRow .GROUP_NO_GROUP_1,
.Reach_ProspectDisplay .PanelRow .section,
.Reach_ProspectUpdate .PanelRow .subsection,
.Reach_ProspectUpdate .PanelRow .GROUP_NO_GROUP_1,
.Reach_ProspectUpdate .PanelRow .section,
.Reach_ProspectAdd .PanelRow .subsection,
.Reach_ProspectAdd .PanelRow .GROUP_NO_GROUP_1,
.Reach_ProspectAdd .PanelRow .section {
	display: block;
	width: 100%;
}

.Reach_ProspectDisplay .PanelRow .PanelRow>div:nth-child(6),
.Reach_ProspectUpdate .PanelRow .PanelRow>div:nth-child(6),
.Reach_ProspectAdd .PanelRow .PanelRow>div:nth-child(6) {
	width: auto !important;
	margin-right: 0 !important;
}

.BioName blockquote,
.BioName .Heading {
	display: table-cell;
}

.PanelRow .HTMLEditor div {
	display: block !important;
}

.viewer {
	z-index: 1;
}

.Area-Pledge .IPledgeTable td,
.datepick-trigger {
	vertical-align: middle;
}

.BioTabSurveyHead {
	color: #0b1980;
	font-size: 22px;
}

ul.pureCssRecentAccounts.pureCssRecentAccountm.pureCssRecentAccountsaccountNumber {
    display: none;
    position: absolute;
    background: #ffffff;
    top: 38px;
    z-index: 3;
    border: 1px solid #eeeeee;
}

.Page-Dashboard .navbar-brand,
.Page-BioTab .navbar-brand {
	display: none;
}

.DashRow {
	margin-bottom: 1em;
}

.DashBoxTitle {
    padding: 8px;
	font-size: 1.5em;
}

.DashBoxTitle::after {
    content: '';
    display: block;
    clear: both;
}

.LowHighlight,
.MediumHighlight {
    border: 1px solid #004b85 !important;
    border-radius: 0 !important;
}

.LowHighlight .DashBoxTitle{
    border-bottom: 1px solid #004b85;
}

.MediumHighlight .DashBoxTitle{
    border-bottom:5px solid #004b85;
}

.HighHighlight {
    border: 1px solid #f6962e !important;
    border-radius: 0 !important;
}

.HighHighlight .DashBoxTitle{
    border-bottom: 5px solid #f6962e ;
}

#AddActivity {
    padding-left: 15px;
    padding-right: 15px;
}

.grabbable {
    cursor: move; /* fallback if grab cursor is unsupported */
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.grabbable:active {
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

label.Label.GIFTFROM + .col-sm-9 {
    display: flex;
}

label.Label.To {
    text-align: center !important;
}

#iAccess-loading {
	display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: #333333;
    z-index: 10;
    opacity: 0.85;
    align-items: center;
    justify-content: center;
    color: #ffffff;
	font-size: 1.25em;
}

#iAccess-loading i.fas {
	margin: 0.5em;
}

.mobile-b2t {
	display: none;
    position: fixed;
    bottom: 2vh;
    right: 3vw;
    font-size: 2.25em;
    z-index: 5;
}

.Area-BioTab .row.row > .col-sm-12 {
    display: flex;
}

label.col-form-label.col-sm-3 +  .subsection {
    flex: 75% !important;
    max-width: 75% !important;
}

.Area-BioTab .InputText.EMPLOYEEID,
.Area-BioTab .InputText.EMPLOYEEID.DISABLED {
    margin-bottom: 10px;
}

.Area-BioTab .ANDARCheckBox.PREFEMPLOYER {
    padding-left: 0.25rem;
}

.Area-BioTab .row.row > .col-sm-12 label.col-form-label.col-sm-3 {
    padding-left: 0;
    padding-right: 0;
}

.Section-DisplayApp .row.row > .col-sm-12 label.col-form-label.col-sm-3 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.Area-BioTab .row.row > .col-sm-12 .col-sm-9,
label.col-form-label.col-sm-3 + .subsection .col-sm-12 {
    padding-left: 8px;
    padding-right: 0;
}

.subsection.AuditPanel {
    width: 100%;
    margin: 0;
}

.Section-AddApp .row.row > .col-sm-12,
.AddApp.Reach_CommunicationsUpdate .row.row > .col-sm-12,
.Section-DisplayApp .row.row > .col-sm-12 {
    flex-wrap: wrap;
}

.Section-AddApp .row.row > .col-sm-12 .subsection,
.AddApp.Reach_CommunicationsUpdate .row.row > .col-sm-12 .subsection,
.Section-DisplayApp .row.row > .col-sm-12 .subsection,
.Reach_ProspectAdd .row.row > .row.row {
    max-width: 100%;
    flex: 100%;
}

.AddApp.Reach_CommunicationsUpdate .HTMLEditor,
.Section-AddApp .HTMLEditor,
.Section-DisplayApp .HTMLEditor {
    width: 100%;
}

.AddApp.Reach_CommunicationsUpdate .row.row > .col-sm-12 label.col-form-label.col-sm-3,
.AddApp.Reach_CommunicationsUpdate .row.row > .col-sm-12 .col-sm-9,
.AddApp.Reach_CommunicationsUpdate  label.col-form-label.col-sm-3 + .subsection .col-sm-12,
.Section-DisplayApp .row.row > .col-sm-12 label.col-form-label.col-sm-3,
.Section-DisplayApp .row.row > .col-sm-12 .col-sm-9,
.Section-DisplayApp  label.col-form-label.col-sm-3 + .subsection .col-sm-12 {
    padding-left: 15px;
    padding-right: 15px;
}

.AddApp.Reach_CommunicationsUpdate .row.row .col-sm-12 .row.row .col-sm-12 label.col-sm-3.Label,
.Section-DisplayApp .row.row .col-sm-12 .row.row .col-sm-12 label.col-sm-3.Label {
    padding-left: 0;
    padding-right: 0;
}

.Section-DisplayApp label.Days-of-the-week + .subsection input[type="checkbox"]:disabled {
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.Section-DisplayApp label.Days-of-the-week + .subsection input[type="checkbox"]:disabled + label.Label {
    margin: 0 0.5em 0 0.5em;
}

.Area-BioTab .row.row > .col-sm-12 label.col-form-label.col-sm-3 + script + .CampaignList {
    flex: 75%;
    padding-left: 8px;
    padding-right: 0px;
}

.AddApp .col-sm-9 .Date,
.AddApp .col-sm-9 .Time {
    width: 40% !important;
    display: inline-block !important;
}

.AddApp .col-sm-9 .Time.EFFECTIVETIME, .AddApp .col-sm-9 .Time.EXPIRYTIME {
    width: 210px !important;
}

.AddApp .col-sm-9 .Label.Time {
    width: 60px !important;
}

.BioAddress .col-form-label.Heading {
    padding-bottom: 0;
}

.BioAddress .btn.btn-light.btn-sm {
    padding: 0rem .5rem .25rem 0;
}

.BioAddress p.form-control-plaintext {
    padding: 0;
}

form .ComboBox.CITY {
    padding-right: 15px;
    padding-left: 15px;
    max-width: 75%;
    flex: 0 0 75%;
}

form .ComboBox.COUNTY {
    padding-left: 7px;
    padding-right: 0;
    flex: 0 0 75%;
    max-width: 75%;
}

.Page-BioTab .DashBox h2 {
    font-size: 20px;
    font-weight: 600;
}

@media (min-width: 1200px) {
.DashRow {
	display: flex;
	margin-bottom: 1em;
}

.DashBox {
	margin: 0;
	border: 1px solid #e1e1e1;
	border-radius: 0.25em;
	padding: 12px;
}

.DashRow .DashBox:nth-child(2) {
	margin-left: 0;
}

.DashRow .DashBox:last-child {
	margin-right: 0;
}

.DashRow .DashCol1 + .DashCol2,
.DashRow .DashCol1 + .DashCol3,
.DashRow .DashCol2 + .DashCol3,
.DashRow .DashCol1 + .DashCol2 + .DashCol3 {
	margin-left: 0.5em !important;
}

.DashBox {
    flex: 1;
}

.DashBox.DashWidth1 .col-form-label,
.DashBox.DashWidth1 .col-sm-9 {
    flex: 100%;
    max-width: 100%;
}

.DashBox.DashWidth1 .offset-sm-3.col-sm-9 {
	margin-left: 0;
}
}

@media (max-width: 768px) {
#MainContent {
    margin: 0;
}

.Page-Dashboard .page-header {
	display: none;
}

.Page-Dashboard .navbar-brand,
.Page-BioTab .navbar-brand {
	display: block;
}

.navbar-brand {
	font-size: 1.75rem;
	white-space: unset;
}

.Area-BioTab .row.row > .col-sm-12 {
	flex-wrap: wrap;
}

label.col-form-label.col-sm-3 + .subsection {
	flex: 100%;
	min-width: 100%;
}

.ANDARCheckBox, .ANDARCheckBox + label.Label {
	display: block !important;
    width: 100%;
}

.ANDARCheckBox {
	padding-left: 0;
}

.DashboardAppDetail,
.BioAppDetail {
	padding-left: 7px;
	padding-right: 7px;
}
}

/*---------------------------------------------Shopping Cart----------------------------------------------*/
/* Portlet */
.Portlet>.ShoppingCart {
	border: 1px solid #dddddd;
	padding: 6px 12px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	display: none;
	vertical-align: bottom;
}

.scpTotalQuantity {
	background-image: url("../../Images/shopping-cart.png");
	background-position: 20% 54%;
	background-repeat: no-repeat;
	background-size: 40px auto;
	display: inline-block;
	padding: 0px 18px 20px 18px;
	color: #fc9f26;
	font-size: 20px;
}

.scpTotalQuantityLabel {
	display: none;
}

.Portlet>.ShoppingCart .SummaryPanel:after,
.Portlet>.ShoppingCart .LinkPanel:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}

.scpItemRow td {
	padding: 1px 8px 1px 0 !important;
}

.scpTotalAmountSection {
	display: inline-block;
	color: #fc9f26;
	font-size: 18px;
	margin-left: 20px;
}

.scpItemRow .scpItemAmount {
	text-align: right;
	padding: 1px 0px !important;
}

.RemoveAll,
.ViewCart {
	font-size: 12px;
}

.ShoppingCart .LinkPanel {
	margin: 0;
}

.ViewCartLink a:link,
.ViewCartLink a:visited,
.ViewCartLink a:active,
.RemoveAllLink a:link,
.RemoveAllLink a:visited,
.RemoveAllLink a:active {
	font-weight: normal;
}

.RemoveAllLink:before {
	content: " | ";
	font-weight: normal;
	font-size: 14px;
	color: #cccccc;
	margin: 0 10px;
}

.ProductList a {
	font-weight: normal !important;
}

.ProductList td {
	padding: 4px 8px 4px 0px;
}

.ProductList tr td:nth-child(2) {
	text-align: right;
}

/* view cart page */
div.scSummaryTotalQuantity,
div.scSummaryTotalAmount {
	display: inline-block;
	font-size: 20px;
	color: #0B1980;
}

div.scSummaryTotalAmount {
	float: right;
}

.ShoppingCartItemTable {
	margin: 20px 0;
}

.ShoppingCartItemTable th,
.ShoppingCartItemTable td {
	padding: 4px 6px !important;
	vertical-align: top;
}

.ShoppingCartSummary {
	margin: 16px 0;
}

table.ShoppingCartItemTable tr.Invalid {
	color: #cf0000;
	font-weight: bold;
}

tr.ShoppingCartTableFooter td {
	font-size: 20px;
	color: #0B1980;
}

table.ShoppingCartItemTable div.wiEditLink,
table.ShoppingCartItemTable div.itemName {
	display: inline-block;
}

table.ShoppingCartItemTable div.wiEditLink {
	vertical-align: top;
	float: right;
}

table.ShoppingCartItemTable div.wiEditLink a {
	font-weight: normal;
}
/*---------------------------------------------Special Event ----------------------------------------------*/

.SpecialEventSelectBlock .Col-Quantity input,
.SpecialEventSelectBlock .Col-EventAmount input {
	 text-align: right;
	 max-width: 100%;
}
.IntegerInputSpin a, .IntegerInputSpin input {
	display: inline;
}

.EventSelectionSection span.IntegerInputSpin {
    display: flex;
    float: right;
}

.Col-EventAmount input[type="text"] {
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    max-width: 100% !important;
}
.SelectedEventsSection {
	margin: 40px 0 60px 0;
}

.IntegerInputSpin a {
    margin: 4px 2px !important;
    display: inline-block;
}

.SelectedEvents th.Col-Text {
    width: 60%;
}

.SelectedEventsHeader {
	border: 1px solid #ced4da;
	font-weight: bold;
	margin-bottom: 0;
     padding: 0.8em 0;
}

.SelectedEventItem {
    margin-bottom: 0;
    padding: 0.8em 0;
    border-right: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
}

.SelectedEventsList {
	margin-top: 25px;
}

.Page-SpecialEventTran form#SpecialEventForm .table tr td:first-child {
    text-align: center;
}

.Area-SpecialEvent #DesignationsSection .DesignationPlanDetails input.form-check-input[type="checkbox"] {
    position: static !important;
}

.row-readOnly .isEmployeeSEOptions label {
    cursor: none !important;
}

body .Attachment .FileNameLabel {
  position: relative !important;
}

.row.row.Attachment .col-sm-2 {
    max-width: 100px;
}

@media (max-width: 900px) {
.EventSelectionList .Col-Dollar {
	text-align: left;
}
.EventSelectionList .col-sm-2,
.EventSelectionList .col-sm-6 {
	max-width: 100%;
	flex: 0 0 100%;
	min-height: 44px;
}
.EventSelectionList .Col-EventName:before {
    content: "Event";
    font-weight: bold;
    display: block;
    width: 100%;
}
.EventSelectionList .Col-UnitFixedCost:before {
    content: "Unit/Fixed Cost";
    font-weight: bold;
    display: block;
    width: 100%;
}
.EventSelectionList .Col-Quantity:before {
    content: "Quantity";
    font-weight: bold;
    display: block;
    width: 100%;
}

.EventSelectionList .Col-EventAmount:before {
    content: "Amount";
    font-weight: bold;
    display: block;
    width: 100%;
}
.EventSelectionList .Col-EventName,
.EventSelectionList .Col-UnitFixedCost,
.EventSelectionList .Col-Quantity,
.EventSelectionList .Col-EventAmount {
    padding-left:50%;
}
.EventSelectionList .EventSelectionListHeader {
    display: none;
}
.EventGroupHeader {
	border-top: 1px solid #ced4da;
}
body span.IntegerInputSpin input {
    max-width: 100px !important;
}
}

@media (min-width: 768px) {
.IPledgeTable .row.commentsInfo .col-form-label.commentsLabel {
  flex: 0 0 auto;
  width: 25%;
}
.IPledgeTable .row.commentsInfo .commentsData {
  flex: 0 0 auto;
  width: 75%;
}
}

@media (max-width: 700px) {
.SelectedEventsList .Col-Dollar {
	text-align: left;
}
.SelectedEventsList .col-sm-2,
.SelectedEventsList .col-sm-6 {
	max-width: 100%;
	flex: 0 0 100%;
	min-height: 44px;
}
.SelectedEventsList .Col-EventName:before {
    content: "Selected Events";
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: auto;
}
.SelectedEventsList .Col-Quantity:before {
    content: "Quantity";
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: auto;
}

.SelectedEventsList .Col-EventAmount:before {
    content: "Amount";
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: auto;
}
.SelectedEventsList .Col-receiptAmount:before {
    content: "Tax Receipt";
    font-weight: bold;
    position: absolute;
    left: 15px;
    top: auto;
}

.SelectedEventsList .Col-EventName,
.SelectedEventsList .Col-Quantity,
.SelectedEventsList .Col-EventAmount,
.SelectedEventsList .Col-receiptAmount {
    padding-left:50%;
}
.SelectedEventsList .SelectedEventsHeader {
    display: none;
}
.EventGroupHeader {
	border-top: 1px solid #ced4da;
}

.SelectedEventItem {
	border-top: 1px solid #ced4da;
}
}
/* Online Payment/Statements */
.Section-BalanceSummary #PayOSButton {
	float: right;
	display: none;
}

.Section-BalanceSummary #PayOSButton+div,
.Section-BalanceSummary #PayDueButton+div {
	clear: both;
}

.Section-BalanceSummary #PayDueButton {
	float: right;
}

.Section-BalanceSummary #PayDueButton a {
	font-weight: normal;
	font-size: 90%;
}

.Area-ARPayment .AccountSummaryHead .col-Label,
.Area-ARPayment .PaymentSummaryHead .col-Label {
	font-weight: bold;
}

.Area-ARPayment .AccountSummaryHead .col-Dollar,
.Area-ARPayment .AccountSummaryHead .col-Date,
.Area-ARPayment .PaymnetSummaryHead .col-Dollar {
	text-align: right;
}

.Area-ARPayment .AccountSummaryHead .row-BillTo,
.Area-ARPayment .PaymentSummaryHead .row-BillTo,
.Area-ARPayment .BalanceSummary .Row-Total,
.Area-ARPayment .PaymentDetailsTable .Row-Total {
	font-size: 20px;
	color: #0B1980;
}

.Area-ARPayment .BalanceSummary .Row-Total .PaySelExclPreauth,
.Area-ARPayment .PaymentDetailsTable .Row-Total .PaySelExclPreauth {
	font-size: initial;
}

.EventCalendarTable .iCalendar img,
.Page-EventCalendar .iCalendar img {
	width: 12px;
}

.DateFilter .SelectDate input,
.DateFilter .SelectDate a,
.DateFilter .SelectDate select {
	display: inline-block;
	vertical-align: middle;
}

.DateFilter .SelectDate.radio label {
	width: 100%;
}

.DateFilter .SelectDate.radio label .row {
	width: 100%;
	padding-left: 1em;
}

.Label.COMMDATE,
.Date.COMMDATE input {
	vertical-align: top;
}

.Reach_ProspectUpdate .GROUP_Linkage .PanelRow .Label,
.Reach_ProspectAdd .GROUP_Linkage .PanelRow .Label,
.Reach_ProspectDisplay .GROUP_Linkage .PanelRow .Label,
.Reach_ProspectUpdate .GROUP_Ability .PanelRow .Label,
.Reach_ProspectAdd .GROUP_Ability .PanelRow .Label,
.Reach_ProspectDisplay .GROUP_Ability .PanelRow .Label,
.Reach_ProspectUpdate .GROUP_Interest .PanelRow .Label,
.Reach_ProspectAdd .GROUP_Interest .PanelRow .Label,
.Reach_ProspectDisplay .GROUP_Interest .PanelRow .Label {
	display: inline-block !important;
	width: auto !important;
}

.updateRecentAccount.bookmarkaccountNumber {
	border-bottom: 1px solid #dddddd;
	background-image: url("../../Images/GreyArrow.png");
	background-repeat: no-repeat;
	background-position: right center;
	display: inline-block;
	margin: 6px 0 3px 0;
	vertical-align: middle;
	width: 100%;
	cursor: pointer;
}

.updateRecentAccount.bookmarkaccountNumber:hover {
	background-color: transparent;
}

.Time.COMMTIME input,
.Time.COMMTIME select,
.Time.ENDTIME input,
.Time.ENDTIME select {
	display: inline-block;
}

.Classic.TableReportSelection .Col-Radio.Col-SelectReport,
.Classic.MyOutputs td,
.LeftAlign.PassthruReport td {
	vertical-align: middle;
}

.Classic.TableReportSelection .Col-Radio.Col-SelectReport input,
.Classic.MyOutputs .Col-Checkbox input {
	margin-right: 0;
}

#TableReportSelection {
	padding-left: 40px;
	font-weight: bold;
}

#TableReportSelection li {
	margin-bottom: 0.5em;
}

#TableReportSelection li a {
	font-weight: normal;
	word-break: break-word;
}

.SelectDateTable {
	margin: 10px 0;
}

#SelectDateTable .input-group-addon {
	padding: 0;
}

.PanelRow .Time input,
.PanelRow .Time select {
	display: inline-block;
}

.PanelRow .DropDown.form-control.INFOSOURCE {
	width: 100px !important;
}

.DashboardReport .SubmitButton img {
	margin: 1px 4px;
}

#eMailTemplateSelection,
.SubjectField input,
.Col-SortDefinedTable table {
	width: 100%;
}

.LeftAlign.SendEmailMessage .Col-Heading {
	vertical-align: middle;
}

.Page-VolProfile .checkbox input[type="checkbox"],
.Page-VolProfile .checkbox-inline input[type="checkbox"],
.Page-VolProfile .radio input[type="radio"],
.Page-VolProfile .radio-inline input[type="radio"] {
	position: static;
}

.Page-AgencyOpList .SelectTable {
	margin-bottom: 20px;
}

.SelectTable .col-md-10 {
	width: auto;
}

.SelectTable .col-md-2 {
	text-align: left;
}

.row.Row-TeamOwner .text-end {
	text-align: left;
	padding-right: 0;
}

.row.Row-TeamOwner .col-md-1 {
	width: auto;
	display: inline-block;
}

.row.Row-TeamOwner .col-md-10 {
	padding-left: 0;
	display: inline-block;
	padding-right: 0;
	width: 90%;
}

.BioCommAdd .LeftAlign.AddActivity td,
.RunDetails td,
.RunType td {
	vertical-align: middle;
}

.SecurityCodeValue input {
	width: 200px !important;
}

.SecurityCodeTopNote {
	font-weight: bold;
}

.SubEMail input {
	max-width: 100%;
}

.Page-VolProfile .checkbox-inline input[type="checkbox"] {
	margin-right: 6px;
}

.Page-VolProfile .checkbox-inline .Col-CheckboxDes {
	vertical-align: top;
}

#home-button {
	bottom: 20px;
	position: fixed;
	right: 20px;
}

.AddAccountDropBtn {
	cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.AddAccountDropdownMenu {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	right: 0;
	top: 2.5em;
	background-color: #f9f9f9;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	border: 1px solid #cccccc;
}

/* Links inside the dropdown */
.dropdown-content a {
	color: black;
	padding: 12px 16px;
	text-decoration: none;
	display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
	background-color: #f1f1f1;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
	display: block;
}

span[class*=AmountRadio] {
	vertical-align: middle;
}

@media screen and (max-width: 992px) {
td.Col-Button.Col-DisplayButton,
td.Col-Button.Col-UpdateButton {
	display: table-cell;
}
}

@media screen and (max-width: 820px) {
.IPledgeTable .is-datepick {
	width: auto;
}

.PanelRow .Label.Interest-Total,
.PanelRow .PanelRow .Label.Effective-Rating,
.PanelRow .PanelRow .Label.Prospect-Code-Rating,
.PanelRow .Label.Effective-LAI,
.PanelRow .Label.Cultivation-Quota,
.PanelRow .Label.Code-Total-Rating,
.PanelRow .Label.Total-User-Rating {
	float: left;
	margin-top: 0;
	width: auto !important;
	display: inline-block !important;
}

.MobileTable .Col-Fmt-ANDARDateFormatter,
.MobileTable .Col-Fmt-ANDARYearFormatter,
.PanelRow .Label.Expiry-Date {
	text-align: left;
}

.Navigation .BioTabTitle {
	float: none;
}
}

@media screen and (max-width: 760px) {
.Area-Pledge .IPledgeTable .datepick-trigger {
	width: auto;
	margin-left: 2px;
}

.AndarImgExLG {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	max-width: 520px;
	min-width: 300px;
	width: auto;
}

.Reach_EMailsDisplay .InputText.PanelField_1.DISABLED input,
.Reach_EMailsDisplay .InputText.PanelField_2.DISABLED input,
.Reach_EMailsDisplay .InputText.PanelField_3.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_1.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_2.DISABLED input,
.Reach_EMailsUpdate .InputText.PanelField_3.DISABLED input,
.Reach_EMailsDisplay .PanelRow .LASTSENTDATE input,
.Reach_EMailsDisplay .PanelRow .LASTREADDATE input,
.Reach_EMailsDisplay .PanelRow .LASTERRORDATE input,
.Reach_EMailsUpdate .PanelRow .LASTSENTDATE input,
.Reach_EMailsUpdate .PanelRow .LASTREADDATE input,
.Reach_EMailsUpdate .PanelRow .LASTERRORDATE input {
	width: auto;
}

.PanelRow div.ANDARCheckBox {
	display: inline-block;
	vertical-align: top;
}

.PanelRow input[type=checkbox],
.PanelRow input[type=radio] {
	width: auto !important;
}

.AuditPanel,
html .Reach_RankingSumDisplay .RANKINGTYPE select,
html .Reach_RankingSumDisplay .POSITIONNUMBER input,
html .Reach_RankingSumDisplay .SEGMENT select,
html .Reach_RankingSumDisplay .RANKINGDATE input,
html .Reach_RankingSumRUDisplay .RANKINGTYPE select,
html .Reach_RankingSumRUDisplay .POSITIONNUMBER input,
html .Reach_RankingSumRUDisplay .SEGMENT select,
html .Reach_RankingSumRUDisplay .RANKINGDATE input,
html .Reach_RankingSumRUDisplay .RANKINGVALUE input,
html .Reach_RankingSumRUDisplay .RANKINGUSER input,
html .Reach_RankingSumRUDisplay .CAMPAIGNTYPE select,
html .Reach_RankingSumDisplay .RANKINGVALUE input,
html .Reach_RankingSumDisplay .RANKINGUSER input,
html .Reach_RankingSumDisplay .CAMPAIGNTYPE select,
html .Reach_RankingSumRUDisplay .PanelRow .CAMPAIGNTYPE input,
html .Reach_RankingSumRUDisplay .PanelRow .RANKINGNUMBER input,
html .Reach_RankingSumRUDisplay .PanelRow .SEGMENTNUMBER input,
html .Reach_RankingSumRUDisplay .PanelRow .RANKINGTIME input,
html .Reach_RankingSumDisplay .PanelRow .CAMPAIGNTYPE input,
html .Reach_RankingSumDisplay .PanelRow .RANKINGNUMBER input,
html .Reach_RankingSumDisplay .PanelRow .SEGMENTNUMBER input,
html .Reach_RankingSumDisplay .PanelRow .RANKINGTIME input,
.ProspectMoveStatesComboBox .DropDown.MOVESTATE {
	width: 100% !important;
}

html .Reach_RankingSumRUDisplay .AccountSelectionNameDisplay,
html .Reach_RankingSumDisplay .AccountSelectionNameDisplay {
	max-width: 592px;
	width: 100%;
}

.PanelRow .PanelField:nth-child(2) .Label,
.PanelRow .PanelField:nth-child(3) .Label,
.PanelRow .PanelField:nth-child(4) .Label,
.AccountSelectionNameDisplay {
	margin-left: 0px;
}

.Reach_RelationshipsDisplay .GROUP_NO_GROUP_1>div:nth-child(2) .AccountSelectionNameDisplay,
.Reach_RelationshipsDisplay .GROUP_NO_GROUP_1>div:nth-child(4) .AccountSelectionNameDisplay {
	width: 100% !important;
	max-width: 100%;
}

.PanelRow .Label {
	width: auto !important;
}

.PanelRow .ProspectPointsListComponent {
	display: block !important;
	width: 100%;
}

.PanelRow .Label.LinkageL-,
.PanelRow .Label.AbilityA-,
.PanelRow .Label.InterestI- {
	display: none;
}

.Reach_ProspectUpdate .Label.PROSPECTSUBCODE,
.Reach_ProspectAdd .Label.PROSPECTSUBCODE,
.Reach_ProspectDisplay .Label.PROSPECTSUBCODE,
.Reach_ProspectUpdate .Label.PRIORITY,
.Reach_ProspectUpdate .Label.INFOSOURCE,
.Reach_ProspectAdd .Label.PRIORITY,
.Reach_ProspectAdd .Label.INFOSOURCE,
.Reach_ProspectDisplay .Label.PRIORITY,
.Reach_ProspectDisplay .Label.INFOSOURCE,
div.PanelField:nth-child(2) .Label.EXPIRYDATE {
	text-align: left;
}

.PanelRow .ProsectPointsListCheckBoxLabel {
	display: inline-block !important;
	vertical-align: top;
	width: auto;
}

.Reach_ProspectUpdate .GROUP_NO_GROUP_1 .PanelRow .subsection .GROUP_NO_GROUP_1 .PanelRow .subsection,
.Reach_ProspectAdd .GROUP_NO_GROUP_1 .PanelRow .subsection .GROUP_NO_GROUP_1 .PanelRow .subsection,
.Reach_ProspectDisplay .GROUP_NO_GROUP_1 .PanelRow .subsection .GROUP_NO_GROUP_1 .PanelRow .subsection {
	box-sizing: border-box;
	width: 100%;
}

.PanelRow .RefreshButton,
.PanelRow .MaintenanceTopButtons {
	display: inline-block;
	margin-right: 8px;
}

.MobileTable.ProspectMoveStatesHistoryMaintenance td {
	position: relative;
	padding-left: 40% !important;
	min-height: 20px;
}

.MobileTable.ProspectMoveStatesHistoryMaintenance td.Col-Button {
	padding-left: 8px !important;
}

.Reach_ProspectUpdate .GROUP_Linkage,
.Reach_ProspectAdd .GROUP_Linkage,
.Reach_ProspectDisplay .GROUP_Linkage,
.Reach_ProspectUpdate .GROUP_Ability,
.Reach_ProspectAdd .GROUP_Ability,
.Reach_ProspectDisplay .GROUP_Ability,
.Reach_ProspectUpdate .GROUP_Interest,
.Reach_ProspectAdd .GROUP_Interest,
.Reach_ProspectDisplay .GROUP_Interest {
	width: 100%;
	display: block;
}

.ProspectPointsListRow {
	width: 48%;
	display: inline-block !important;
	vertical-align: top;
}

.Page-preLoginJAAS .form-horizontal .Block {
	width: 100%;
}
}

@media screen and (max-width: 540px) {
.Annotations .btn.float-right,
img.NoteImage {
	float: none !important;
}

img.NoteImage {
	display: block;
	margin: 1em auto !important;
	width: 100% !important;
}

.AndarImgLG,
.AndarImgMD {
	width: 100%;
	height: auto;
	box-sizing: border-box;
}

.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	max-width: 300px;
	min-width: 260px;
	width: auto;
}

.PanelRow .Label,
.PanelField .Label {
	display: block;
	max-width: 200px;
}

.PanelRow .Label.Expiry-Date {
	text-align: left;
}

.AuditPanel .INPUTTEXT.DISABLED,
.BioPaceChart img,
.ProspectPointsListRow  {
	display: block !important;
	width: 100% !important;
}

.PanelRow .ANDARCheckBox,
.PanelRow .Label.Sun,
.PanelRow .Label.Mon,
.PanelRow .Label.Tue,
.PanelRow .Label.Wed,
.PanelRow .Label.Thr,
.PanelRow .Label.Fri,
.PanelRow .Label.Sat {
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.PanelField>.Date.LASTSENTDATE,
.PanelField>.Time.LASTSENTTIME {
	display: inline-block;
}

.PanelField input,
.PanelRow input,
.PanelField select,
.PanelRow select {
	width: 100%;
	box-sizing: border-box;
	height: 34px;
	margin-right: 2px;
}

.AccountSelectionNameDisplay,
.PercentSalaryCalc {
	width: 100%;
}

.Page-AccountSearch .SearchResultList a {
	display: block;
	margin: 0px;
}

.Col-Document input {
	width: 100% !important;
}
}

@media screen and (max-width: 320px) {
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
	max-width: 280px;
	min-width: 260px;
	width: auto;
}
}

/* Text Button Styles */
nav ol, nav ul {
	padding: 0;
	list-style: none;
}

.NavigationSearch .button {
	margin: 1px 0 auto !important;
}

/*--------------------------------------------- Blue Buttons 1 ---------------------------------------------*/
.BlueButtons-1 .button {
	display: inline-block;
	margin: 0.5em;
	padding: 0.3em 1.2em;
	color: #ffffff;
	font-size: inherit;
	text-align: center;
	background-color: #10167f;
	border-width: 1px;
	border-style: outset;
	border-color: #ffffff #000000 #000000 #ffffff;
	outline: 1px solid #000000;
}

.BlueButtons-1 .button:hover {
	color: #ff9600;
	text-decoration: none;
	outline: 1px solid #000000;
}

/*--------------------------------------------- Blue Buttons ---------------------------------------------*/
nav.PledgeProgress li.BlueButtons {
	display: inline-block;
	position: relative;
	margin: 0.5em;
	padding: 0.3em 1em;
	color: #ffffff;
	font-size: 12px;
	text-align: center;
}

nav.PledgeProgress li.ProgressStep.BlueButtons {
	color: #333333;
	background-color: #7c81b8;
	border: 0px solid #10167f;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #333333;
	outline: 1px solid #666666;
}

nav.PledgeProgress li.ProgressStepCurrent.BlueButtons {
	background-color: #10167f;
	border: 0px solid #10167f;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #000000;
	outline: 1px solid #10167f;
}

nav.PledgeProgress li.ProgressArrow.BlueButtons {
	padding: 0;
	border: 0;
	color: #333333;
}

nav.PledgeProgress li.ProgressArrow.BlueButtons span.iconText.PledgeATxt:before {
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f178";
}

.BlueButtons .button {
	display: inline-block;
	position: relative;
	margin: 0.5em 0.5em 0.5em 0px;
	padding: 0.3em 2.5em 0.3em 4em;
	color: #ffffff !important;
	font-size: 12px;
	text-align: center;
	background: linear-gradient(to right, #7c81b8 0%, #7c81b8 25px, #7c81b8 20px, #10167f 20px, #10167f 100%);
	border: 0px solid #10167f;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #000000;
	outline: 1px solid #10167f;
	min-width: 130px;
}

.BlueButtons .button .glyphicon,
.BlueButtons .button .fa,
.BlueButtons .button .ec {
	position: absolute;
	top: 6px;
	left: 7px;
}

.BlueButtons .button:hover {
	color: #ffffff;
	text-decoration: none;
	background: linear-gradient(to right, #ff9600 0%, #ff9600 25px, #ff9600 20px, #10167f 20px, #10167f 100%);
	outline: 1px solid #10167f;
}

.BlueButtons .button.disabled {
	color: #9fa2cc !important;
	cursor: not-allowed;
}

.BlueButtons.SubmitDisabled .button {
	color: #9fa2cc !important;
}

.BlueButtons-long .button {
	padding: 0.3em 1.5em 0.3em 3em;
	min-width: 200px;
}

.BlueButtons .icon {
	color: #10167f;
}

nav.SearchNavigation .NameSearch.BlueButtons a.button {
    color: #ffffff !important;
}

.Page-SpcEvtRegPledge .Block .BlueButtons a {
    color: #ffffff !important;
}

/*--------------------------------------------- Grey Buttons -----------------------------------------------*/
nav.PledgeProgress li.GreyButtons {
	display: inline-block;
	margin: 0.2em 0.1em;
	padding: 0.2em 0.3em;
	color: #999999;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

nav.PledgeProgress li.ProgressStep.GreyButtons {
	background: #cccccc;
	/* For browsers that do not support gradients */
	border: 3px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #cccccc 0%, #bebebe 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #cccccc 0%, #bebebe 100%);
	border-image: linear-gradient(to right, #cccccc 0%, #bebebe 100%);
	border-image-slice: 1;
}

nav.PledgeProgress li.ProgressStepCurrent.GreyButtons {
	color: #fff;
	background: #999999;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #c7c7c7, #949393);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #c7c7c7, #949393);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #c7c7c7, #949393);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #c7c7c7, #949393);
	/* Standard syntax */
	border: 3px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #bebebe 0%, #707070 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #bebebe 0%, #707070 100%);
	border-image: linear-gradient(to right, #bebebe 0%, # 100%);
	border-image-slice: 1;
}

nav.PledgeProgress li.ProgressArrow.GreyButtons {
	padding: 0;
	border: 0;
	color: #333333;
}

nav.PledgeProgress li.ProgressArrow.GreyButtons span.iconText.PledgeATxt:before {
	font: normal normal normal 14px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f178";
}

.GreyButtons .button {
	display: inline-block;
	margin: 0.5em;
	padding: 0.4em 0.8em;
	color: #ffffff !important;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	background: #999999;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #c7c7c7, #949393);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #c7c7c7, #949393);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #c7c7c7, #949393);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #c7c7c7, #949393);
	/* Standard syntax */
	border: 3px solid transparent;
	-moz-border-image: -moz-linear-gradient(left, #bebebe 0%, #707070 100%);
	-webkit-border-image: -webkit-linear-gradient(left, #bebebe 0%, #707070 100%);
	border-image: linear-gradient(to right, #bebebe 0%, #707070 100%);
	border-image-slice: 1;
	min-width: 100px;
	text-align: center;
}

.GreyButtons .button:hover {
	color: #ffffff;
	text-decoration: none;
}

.GreyButtons .button.disabled {
	color: #d5d5d5 !important;
	cursor: not-allowed;
}

.GreyButtons.SubmitDisabled .button {
	color: #d5d5d5;
}

.GreyButtons .button.grey-focus {
	background: #999999;
	/* For browsers that do not support gradients */
	background: -webkit-linear-gradient(top, #f4ba4a, #dd7609);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #f4ba4a, #dd7609);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #f4ba4a, #dd7609);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #f4ba4a, #dd7609);
	/* Standard syntax */
	border: 3px solid transparent;
	-moz-border-image: -moz-linear-gradient(bottom, #e48622 0%, #f69b2a 100%);
	-webkit-border-image: -webkit-linear-gradient(bottom, #e48622 0%, #f69b2a 100%);
	border-image: linear-gradient(to top, #f69b2a 0%, #e48622 100%);
	border-image-slice: 1;
}

.GreyButtons .icon {
	margin: 0.1em !important;
	color: inherit;
	background: transparent;
	border: 0;
}

.GreyButtons.icon .glyphicon,
.GreyButtons.icon .fa {
	padding: 3px;
	width: 16px;
	height: 16px;
	border: 0;
}

.GreyButtons .fa-usd.colorized {
	color: green;
}

.GreyButtons .fa-desktop.colorized,
.GreyButtons .glyphicon-blackboard.colorized {
	color: #727272;
}

.GreyButtons .fa-times.colorized,
.GreyButtons .glyphicon-remove.colorized,
.GreyButtons .fa-map-marker.colorized,
.GreyButtons .glyphicon-map-marker.colorized {
	color: red;
}

.GreyButtons .fa-folder.colorized,
.GreyButtons .glyphicon-folder-close.colorized {
	color: #ffcc33;
}

.GreyButtons .fa-times.colorized:hover,
.GreyButtons .glyphicon-remove.colorized:hover,
.GreyButtons .fa-folder.colorized:hover,
.GreyButtons .glyphicon-folder-close.colorized:hover,
.GreyButtons .fa-pencil-square-o.colorized:hover,
.GreyButtons .glyphicon-edit.colorized:hover {
	color: grey;
}

.GreyButtons .fa-pencil.colorized,
.GreyButtons .glyphicon-pencil.colorized,
.GreyButtons .fa-pencil-square-o.colorized,
.GreyButtons .glyphicon-edit.colorized {
	color: #d49c5d;
}

.GreyButtons .fa-search.colorized,
.GreyButtons .glyphicon-search.colorized {
	color: #99ccff;
}

.GreyButtons .fa-check-square-o.colorized,
.GreyButtons .glyphicon-check.colorized {
	color: #aeaeae;
}

.GreyButtons .fa-files-o.colorized,
.GreyButtons .glyphicon-duplicate.colorized,
.GreyButtons .fa-clipboard.colorized,
.GreyButtons .glyphicon-copy.colorized {
	color: #8cbc65;
}

.GreyButtons .fa-files-o.colorized:hover,
.GreyButtons .glyphicon-duplicate.colorized:hover,
.GreyButtons .fa-clipboard.colorized:hover,
.GreyButtons .glyphicon-copy.colorized:hover {
	color: #587fc9;
}

.GreyButtons .fa-users.colorized,
.GreyButtons .glyphicon-user.colorized {
	color: purple;
}

nav.SearchNavigation .NameSearch.GreyButtons a.button {
    color: #ffffff !important;
}

.Page-SpcEvtRegPledge .Block .GreyButtons a {
    color: #ffffff !important;
}

/*------------------------------------------------ Mobile Buttons ---------------------------------------------*/
nav.PledgeProgress li.MobileButtons {
	display: inline-block;
	margin: 0.5em;
	padding: 0.2em 0.3em;
	font-size: 10px;
	color: #999999;
}

nav.PledgeProgress li.ProgressStepCurrent.MobileButtons {
	color: #333333;
}

nav.PledgeProgress li.ProgressArrow.MobileButtons {
	padding: 0;
	border: 0;
	color: #999999;
}

nav.PledgeProgress li.ProgressArrow.MobileButtons span.iconText.PledgeATxt:before {
	font: normal normal normal 10px/1 FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	content: "\f178";
}

.MobileButtons .button {
	display: inline-block;
	margin: 0.5em;
	padding: 0.2em 0.3em;
	font-size: 10px;
	color: #999999;
}

.MobileButtons .button:hover {
	color: inherit;
	text-decoration: none;
}

.MobileButtons .button.disabled {
	color: #989898 !important;
	cursor: not-allowed;
}

.MobileButtons.SubmitDisabled .button {
	color: #cccccc !important;
}

.MobileButtons .button.MobileButtons-focus {
	color: #0c1580;
}

/*--------------------------------------------- Native Buttons ---------------------------------------------*/
nav.PledgeProgress li.DefaultButtons {
	display: inline-block;
	padding: 0.5em;
	border: 1px solid #999999;
	border-radius: 0.5em;
	font-size: 12px;
	margin-bottom: 6px;
}

nav.PledgeProgress li.ProgressStep.DefaultButtons {
	background: #cccccc;
	background: -moz-linear-gradient(top, #cccccc 0%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #cccccc 0%, #ffffff 100%);
	background: linear-gradient(to bottom, #cccccc 0%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#ffffff', GradientType=0);
}

nav.PledgeProgress li.ProgressStepCurrent.DefaultButtons {
	color: #ffffff;
	background: #cf0404;
	background: -moz-linear-gradient(top, #cf0404 0%, #ff3019 100%);
	background: -webkit-linear-gradient(top, #cf0404 0%, #ff3019 100%);
	background: linear-gradient(to bottom, #cf0404 0%, #ff3019 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf0404', endColorstr='#ff3019', GradientType=0);
}

nav.PledgeProgress li.ProgressArrow.DefaultButtons {
	border: 0;
	padding: 0.5em 0.2em;
}

nav.PledgeProgress li.ProgressArrow.DefaultButtons span.iconText.PledgeATxt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	display: block;
	content: "\f061";
}

.DefaultButtons .button {
	display: inline-block;
	padding: 0.3em 1.2em;
	color: #000000;
	font-size: inherit;
	text-align: center;
	text-decoration: none;
	background-color: #d6d3ce;
	border-width: 1px;
	border-style: outset;
	border-color: #d6d3ce #848284 #848284 #d6d3ce;
	outline-width: 1px;
	outline-style: outset;
	outline-color: #666666;
	min-width: 100px;
}

.DefaultButtons .button:hover {
	color: #000000;
	text-decoration: none;
	outline: 0px outset #000000;
	box-shadow: 0px 0px 0px 0px #000000;
}

.DefaultButtons.SubmitDisabled .button {
	color: #999999;
}

.DefaultButtons.SubmitDisabled .button:hover {
	color: #999999;
	box-shadow: none;
}

/*----------------------------------------------- Red Grey Buttons ---------------------------------------------*/
.RedGrayButtons-1 .button {
	display: inline-block;
	margin: 0.3em 0.5em;
	padding: 0.6em 1.2em;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
	min-width: 110px;
	background-color: #ababab;
	-webkit-border-top-right-radius: 1em;
	-webkit-border-bottom-left-radius: 1em;
	-moz-border-radius-topright: 1em;
	-moz-border-radius-bottomleft: 1em;
	border-top-right-radius: 1em;
	border-bottom-left-radius: 1em;
	cursor: default, hand;
}

.RedGrayButtons-1 .button.active,
.RedGrayButtons-1 .button:hover {
	background-color: #da291c;
	text-decoration: none;
}

.RedGray-icons.glyphicon.glyphicon-triangle-right {
	font-size: 10px;
	color: #ababab;
}

/*----------------------------------------------- Subtle Buttons ---------------------------------------------*/
.SubtleButtons .button {
	display: inline-block;
	margin: 0.5em;
	padding: 0.2em 0.3em;
	font-size: 11px;
	color: #333333;
}

.SubtleButtons .button:hover {
	color: #929292;
	text-decoration: none;
}

.SubtleButtons .button.subtle-btn-focus {
	color: #0c1580;
	font-weight: bold;
}

.SubtleButtons.SubmitDisabled .button {
	color: #cccccc;
}

/*----------------------------------------------- White Buttons ---------------------------------------------*/
nav.PledgeProgress li.WhiteButtons {
	display: inline-block;
	margin: 0.5em 0.2em;
	padding: 0.3em 1.2em;
	color: #000000;
	font-size: 12px;
	text-align: center;
}

nav.PledgeProgress li.ProgressStep.WhiteButtons {
	color: #000000;
	text-decoration: none;
	background: #f5f4f4;
	background: -moz-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: -webkit-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: linear-gradient(to bottom, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#e0dfdf', GradientType=0);
	border: 1px solid #cdd0dc;
}

nav.PledgeProgress li.ProgressStepCurrent.WhiteButtons {
	border: 1px solid #cdd0dc;
	background: #f3f4f9;
	background: -moz-linear-gradient(top, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	background: -webkit-linear-gradient(top, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	background: linear-gradient(to bottom, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f9', endColorstr='#e4e7f3', GradientType=0);
	color: #0c1278;
}

nav.PledgeProgress li.ProgressArrow.WhiteButtons {
	margin: 0 !important;
	padding: 0 !important;
	color: #cccccc;
}

nav.PledgeProgress li.ProgressArrow.WhiteButtons span.iconText.PledgeATxt:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f061";
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
}

span.radioSpace {
	width: 0.75em;
	display: inline-block;
}

.PercentAmount label.col-form-label input[type="radio"],
.DollarAmount label.col-form-label input[type="radio"] {
	margin-top: 0;
}

.WhiteButtons .button {
	display: inline-block;
	margin: 0.5em;
	padding: 0.2em 2em;
	color: #000000 !important;
	text-decoration: none !important;
	font-size: 11px;
	text-align: center;
	min-width: 100px;
	width: auto;
	border: 1px solid #cdd0dc;
	background: #f5f4f4;
	background: -moz-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: -webkit-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: linear-gradient(to bottom, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#e0dfdf', GradientType=0);
	border-radius: 5px;
}

.WhiteButtons .button:hover {
	color: #000000;
	text-decoration: none;
	background: #f3f4f9;
	background: -moz-linear-gradient(top, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	background: -webkit-linear-gradient(top, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	background: linear-gradient(to bottom, #f3f4f9 0%, #ffffff 50%, #f4f4f7 51%, #e4e7f3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f4f9', endColorstr='#e4e7f3', GradientType=0);
}

.WhiteButtons .icon {
	margin: 0.1em !important;
	padding: 0.1em;
	color: inherit;
	background: transparent;
	border: 0;
}

.WhiteButtons .button .small {
	padding: 0.1em 0.3em;
	min-width: inherit;
	width: auto !important;
}

.WhiteButtons-pledge {
	position: relative;
	display: inline-block;
	margin: 0.5em;
	padding: 0.5em 1.4em;
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	min-width: 100px;
	width: auto;
	background: #f5f4f4;
	background: -moz-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: -webkit-linear-gradient(top, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	background: linear-gradient(to bottom, #f5f4f4 0%, #ffffff 50%, #f3f2f2 51%, #e0dfdf 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f4f4', endColorstr='#e0dfdf', GradientType=0);
	border-radius: 0px !important;
	cursor: default;
	border-top: 1px solid #cdd0dc;
	border-bottom: 1px solid #cdd0dc;
}

.WhiteButtons-pledge.first {
	padding-left: 0.5em;
	border-left: 1px solid #cdd0dc;
}

.WhiteButtons-pledge.first:before {
	border-left: 0px;
}

.WhiteButtons-pledge:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	border-bottom: 13px solid transparent;
	border-left: 9px solid white;
	border-top: 13px solid transparent;
	width: 0;
}

.WhiteButtons-pledge:after {
	content: '';
	position: absolute;
	top: -1px;
	right: 0;
	border-bottom: 13px solid white;
	border-left: 9px solid transparent;
	border-top: 13px solid white;
	width: 0;
	min-height: 29px !important;
}

.WhiteButtons-pledge.last {
	padding-right: 0.5em;
	border-right: 1px solid #cdd0dc;
}

.WhiteButtons-pledge.last:after {
	border-left: 0px;
}

.WhiteButtons-pledge:hover {
	color: #000000;
	text-decoration: none;
}

.WhiteButtons-focus,
.WhiteButtons-focus:hover {
	color: #0C1580;
}

.WhiteButtons.SubmitDisabled .button,
.WhiteButtons.SubmitDisabled .button:hover {
	color: #999999;
}

/*--------------------------------------------- Glyphicons Styles ---------------------------------------------*/
.icon.disabled {
	opacity: 0.6;
	cursor: not-allowed;
}

.fa-times {
	color: red;
}

nav.Navigation.HorizontalIcons ol {
	display: block;
	white-space: nowrap;
	margin-bottom: 0;
}

nav.HorizontalIcons li {
	display: inline-block;
}

nav.HorizontalIcons li a,
.RecentTransactions .btn-group>a.icon {
	display: block;
	padding: 0.5em;
}

nav.HorizontalIcons a.icon {
	font-size: 16px;
}

/* Bootstrap 4 */
.FormFields.LoginFields label.j_usernameLabel,
.FormFields.LoginFields .j_usernameData,
.FormFields.LoginFields label.j_passwordLabel,
.FormFields.LoginFields .j_passwordData {
	flex: 100%;
	max-width: 100%;
}

.PrefixNameInfo label,
.PrefixNameInfo .col-sm-9,
.FirstNameInfo label,
.FirstNameInfo .col-sm-9,
.MiddleNameInfo label,
.MiddleNameInfo .col-sm-9,
.LastNameInfo label,
.LastNameInfo .col-sm-9,
.SuffixNameInfo label,
.SuffixNameInfo .col-sm-9,
.CombGiverName1Info label,
.CombGiverName1Info .col-sm-9,
.CombGiverName2Info label,
.CombGiverName2Info .col-sm-9,
.RosterName1Info label,
.RosterName1Info .col-sm-9,
.RosterName2Info label,
.RosterName2Info .col-sm-9,
.IndAddress .AddressData .row label,
.IndAddress .AddressData .row .col-sm-9,
.PhoneData .row label,
.PhoneData .row label+div {
	max-width: 100% !important;
	flex: 100% !important;
}

.RosterName1Info label,
.RosterName1Info .col-sm-9,
.RosterName2Info label,
.RosterName2Info .col-sm-9 {
	padding-left: 0;
	padding-right: 0;
}

/*--------------------------------------------- All in One Pledge ---------------------------------------------*/
.Page-IPledgeCombined .BlockHeader {
    margin: 0;
    padding: 0;
}

.Page-IPledgeCombined .row {
    margin-bottom: 2px;
}

.Page-IPledgeCombined .col-form-label {
    padding-bottom:0;
}

.Page-IPledgeCombined .form-control-plaintext {
    font-weight: normal !important;
    line-height: 1.2 !important;
}

.Page-IPledgeCombined p {
    margin-bottom: 0;
}

.Page-IPledgeCombined h2 {
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 4px;
}

.Page-IPledgeCombined .Agencies h2 {
    margin-bottom: 0 !important;
}

.Page-IPledgeCombined form#PledgeForm, .Page-IPledgeCombined form#Designation {
    margin-bottom: 40px;
    margin-top: 20px;
}

.Page-IPledgeCombined form#AddInfoForm {
    margin-top: 20px;
}

.PercentSalaryCalc .offset-sm-3.col-sm-9.Col-Button.Col-Calculate img {
    margin: 6px 0 8px 0;
}

.Page-IPledgeCombined .col-form-label {
    line-height: 1.2;
    font-weight: 600 !important;
}

.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel:before,
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel:before,
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + span + label.RadioLabel:after,
.PledgeTypeSelection .TypeSelection-Items input[type="radio"]:checked + label.RadioLabel:after {
    color: #ffffff;
}

#PaymentSD .col-sm, #BillDateComp .col-sm {
    display: inline-block;
    margin-bottom: 0 !important;
    padding-left: 0;
}

.BillingFrequencyOptions {
    padding-top: calc(.375rem + 1px);
}

.RadioTable.stepUpPgm .form-check {
    padding-left: 6px !important;
}

.IPledgeTable div#BillDateComp {
    margin-left: 0;
}

.Page-IPledgeCombined h3 {
    font-size: 20px !important;
}

.Page-IPledgeCombined div#RosterNameData .row {
    width: 50%;
    display: inline-block;
    margin-right: -3px;
}

.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-AnnualSalary,
.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-PercentOfSalary,
.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-Button {
    width: 24%;
    display: inline-block;
}

.Page-IPledgeCombined .PercentSalaryCalc label {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    display: block;
}

.Page-IPledgeCombined .PercentSalaryCalc .col-sm-9 {
    width: 100% !important;
    display: block !important;
    max-width: 100% !important;
    flex: 0 0 100%;
}

.AsteriskItemsRequired {
    margin-top: 0;
}

.Page-IPledgeCombined nav.PledgeConfirmationButtons li {
    display: block;
}

.Page-IPledgeCombined .TopPledgeNavigation li a,
.Page-IPledgeCombined nav.PledgeConfirmationButtons li a {
    float: none;
}

.Page-IPledgeCombined .DefaultButtons .button {
    margin: 0.25rem 1rem 0.25rem 0;
}

.Area-Pledge .Page-IPledgeCombined form .BlockDetails {
    padding: 0;
}

.Section-Survey .Row-LineDetail > .col-sm-9, .Section-Survey .Row-LineDetail > .col-sm-3 {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100% !important;
}

.Page-IPledgeCombined a#CmbnDsgnHdr,
.Page-IPledgeCombined a#AgencySearchToggle {
    color: inherit;
}

div#DesignationSection i.fa.fa-caret-right,
.Agencies i.fa.fa-caret-right {
    margin-right: 6px;
    font-size: 26px;
    vertical-align: top !important;
}

div#DesignationSection i.fa.fa-caret-down,
.Agencies i.fa.fa-caret-down {
    margin-right: 2px !important;
    font-size: 26px;
    vertical-align: top !important;
}

section#WriteInDesTable .row {
    margin: 0;
}

.CommunityCare h2 i {
    font-size: 0.7em;
}

.Page-IPledgeCombined .IPledgeTable .form-check.bmAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.checkAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.cashAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.corpAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.ccAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.ccppAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.pwAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.payAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.ppAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.secAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.wpseAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.achAmountRadioOther,
.Page-IPledgeCombined .IPledgeTable .form-check.achPPAmountRadioOther  {
    display: inline-block;
    vertical-align: top;
}

.Page-IPledgeCombined .IPledgeTable input#bmAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#checkAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#cashAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#corpAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#ccAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#ccppAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#pwAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#payAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#ppAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#secAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#wpseAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#achAmountDisplay,
.Page-IPledgeCombined .IPledgeTable input#achPPAmountDisplay {
    max-width: 160px !important;
    display: inline-block;
    vertical-align: top;
}

.Page-IPledgeCombined .PercentSalaryCalc {
	max-width: 100%;
}

.Page-IPledgeCombined .Section-BillInfo,
.Page-IPledgeCombined .Section-PaymentDtl {
    display: inline-block;
    width: 48%;
    vertical-align: top;
}

.Page-IPledgeCombined .Section-BillInfo {
    margin-right: 3%;
}

.Page-IPledgeCombined .Section-BillInfo .col-sm-9,
.Page-IPledgeCombined .Section-PaymentDtl .col-sm-9 {
    flex: 0 0 60%;
    max-width: 60%;
}

.Page-IPledgeCombined .Section-BillInfo .col-sm-3,
.Page-IPledgeCombined .Section-PaymentDtl .col-sm-3 {
    flex: 0 0 40%;
    max-width: 40%;
}

#chkDate select {
  text-align: center;
}

@media (max-width: 700px) {
#chkDate select {
padding: .375rem 6px .375rem 1px !important;
}
}

.TypeSelection-Items .BMSection,
.TypeSelection-Items .ACHSection,
.TypeSelection-Items .ACHPPSection,
.TypeSelection-Items .CashSection,
.TypeSelection-Items .CheckSection,
.TypeSelection-Items .CorpSection,
.TypeSelection-Items .CCSection,
.TypeSelection-Items .CCPPSection,
.TypeSelection-Items .UnknownSection,
.TypeSelection-Items .ICSection,
.TypeSelection-Items .IntendSection,
.TypeSelection-Items .NGSection,
.TypeSelection-Items .PWSection,
.TypeSelection-Items .PPExpSection,
.TypeSelection-Items .PayrollSection,
.TypeSelection-Items .PTOSection,
.TypeSelection-Items .StockSection,
.TypeSelection-Items .WPSESection,
.TypeSelection-Items .Gen1Section,
.TypeSelection-Items .Gen2Section,
.TypeSelection-Items .Gen3Section,
.TypeSelection-Items .GenFP1Section,
.TypeSelection-Items .GenFP2Section,
.TypeSelection-Items .GenFP3Section  {
    margin-left: 60px;
}

#StepUpPgm .RadioTable.stepUpPgm .form-check {
    margin-left: 14px !important;
}

.Page-IPledgeCombined .EntrySection {
    border-top: 1px solid #cccccc;
    margin-top: 30px;
    padding-top: 20px;
}

.form-control.is-datepick {
    max-width: calc(100% - 40px) !important;
}

body .time_pick input.timepicki-input {
    width: 100%;
    border-radius: 0;
    text-align: center;
}

.Page-IPledgeCombined .RecurAsk.RecurAskePledge {
    padding: 0;
}

#SelectedAgencies {
    padding: 0 15px;
}

.Page-IPledgeCombined .IPledgeTable #PaymentSD .row.col-sm {
    padding-left: 0;
}

.Page-IPledgeCombined .TargetedAgencies label.col-sm-7.col-form-label.Col-2.Col-Text.Col-Name {
    display: inline-block;
    max-width: 90%;
}

div#CCardType .CCRadioOptions input[type="radio"] {
    margin-right: 6px;
}

.Page-IPledgeCombined div#CCardType .CCRadioOptions input[type="radio"] {
	margin-right: 6px;
}

.Page-IPledgeCombined div#CCExpiry {
    padding-left: 22px;
}

.Page-IPledgeCombined div#CCExpiry select {
    width: 50%;
    display: inline-block;
    max-width: 120px;
}

.Page-IPledgeCombined .row.row.paymentStartDate .col-md-9 {
    padding-left: 15px;
}

.Page-IPledgeDesFedList .BottomPagingBlock .fa {
    display: inline-block !important;
}

.BottomPagingBlock a.button {
    min-width: 60px !important;
}

.BottomPagingBlock span.buttonText {
	display: none;
}

.button .buttonText {
    margin-left: 0 !important;
}
.PledgeNavigation .buttonText {
    margin-left: 10px;
}

.Page-IPledgeDesFedList .ActionButtons {
    display: inline-block;
}

.Page-IPledgeDesFedList .BottomPagingBlock .DefaultButtons .fa:before,
.Page-IPledgeDesFedList .BottomPagingBlock .BluetButtons .fa:before {
    font-size: 12px !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .WhiteButtons .fa:before {
    font-size: 11px !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .SubtleButtons .fa:before {
    font-size: 10px !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .RedGreyButtons .fa:before {
    font-size: 13px !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .SubtleButtons a.button {
    border: 1px solid #999999 !important;
    padding: 4px 6px !important;
    text-align: center !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .BlueButtons a.button {
    border: 1px solid #10167f !important;
    padding: 4px 6px !important;
    text-align: center !important;
    background: #10167f !important;
}

.Page-IPledgeDesFedList .BottomPagingBlock .BlueButtons .button .fa {
	position:static;
}

.note.FedAgListNote2.C {
    clear: both;
}

@media (min-width: 576px) {
.PercentSalaryCalc .col-sm-3 {
    flex: 0 0 40%;
    max-width: 40%;
}

.PercentSalaryCalc .col-sm-9 {
    flex: 0 0 60%;
    max-width: 60%;
}

.PercentSalaryCalc .offset-sm-3 {
    margin-left: 0;
}

.row.row.Row-PercentMessage .offset-sm-3.col-sm-9.Col-Heading.Col-Text,
.PercentSalaryCalc .offset-sm-3.col-sm-9.Col-Button.Col-Calculate {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    margin-left: 0;
}

.PercentSalaryCalc .offset-sm-3.col-sm-9.Col-Button.Col-Calculate {
	text-align:right;
}
}

@media (min-width: 800px) {
.Page-IPledgeCombined #EntrySection label.col-form-label+div.col-md-9,
.Page-IPledgeCombined #EntrySection label.col-form-label+div.col-sm-9 {
    max-width: 100%;
}

.Page-IPledgeCombined .IPledgeTable .col-sm-9.CardNumberData,
.Page-IPledgeCombined .IPledgeTable .col-sm-9.CardNameData {
    max-width: 75% !important;
    flex: 0 0 75% !important;
    display: inline-block;
    padding-right: 0;
}

.Page-IPledgeCombined label.col-sm-3.col-form-label.CardNumberLabel,
.Page-IPledgeCombined label.col-sm-3.col-form-label.CardNameLabel {
	padding-left: 0;
    padding-right: 0;
}
}

@media (max-width: 1100px) {
.Page-IPledgeCombined .Section-BillInfo,
.Page-IPledgeCombined .Section-PaymentDtl {
    width: 100%;
    display: block;
}

.Page-IPledgeCombined .Section-BillInfo {
    margin-right: 0;
}
}

@media (max-width: 990px) {
.PercentSalaryCalc .TypeSelection-Items>div,
.Page-IPledgeCombined  .TypeSelection-Items>div,
.PercentSalaryCalc .row.row.Row-AnnualSalary,
.PercentSalaryCalc .row.row.Row-PercentOfSalary {
    width: 100%;
    display: block;
}

.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-AnnualSalary,
.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-PercentOfSalary,
.Page-IPledgeCombined .PercentSalaryCalc .row.row.Row-Button {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.Page-IPledgeCombined div#RosterNameData .row {
    width: 100%;
    display: block;
    margin-right: 0;
}
}

@media (max-width: 860px) {
#collapseAdvancedFilter.AdvansedFilter.collapse.show {
    display: block !important;
    flex: 0 0 100%;
    max-width: 100%;
    clear: both;
    float: none;
}
}

/*--------------------------- Designation Plan ---------------------------------*/
.input-group.AccountSelection.OrgAccount .input-group-text:last-child {
	border-radius: 0;
}
.accordion-WebButton .icon {
    padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 20px;
    padding-left: 3.25rem;
}
.accordion-WebButton i {
    display: none;
}
.accordion-WebButton .icon::after {
    position: absolute;
    left: 1.25rem;
    font-size: 25px;
    content: "\2b";
}
.input-group.AccountSelection {
    position: relative;
}
.input-group.AccountSelection + .pureCssRecentAccountsOrgAccount {
    position: absolute;
    background: #fff;
    top: 38px;
    border: 1px solid #f1f1f1;
    left: 0;
    width: 100%;
    z-index: 55;
}
.Page-SpecialEventMaint #sortable body {
 	color:black;
}
.Page-SpecialEventMaint #sortable .GroupName {
 	cursor:all-scroll;
}
.Page-SpecialEventMaint #sortable tr {
	border:1px solid black;
 	border-collapse: collapse;
 	cursor:all-scroll;
}
.Page-SpecialEventMaint #sortable table {
 	border-collapse: collapse;
 	-webkit-user-select: none; /* Safari */
 	-ms-user-select: none; /* IE 10+ and Edge */
 	user-select: none; /* Standard syntax */
}
.Page-SpecialEventMaint #sortable {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.Page-DesPlanMasterMaint .WebMaintenanceApp th,
.Page-DesPlanMasterMaint .WebMaintenanceApp td,
.Page-SpecialEventMaint  .WebMaintenanceApp th,
.Page-SpecialEventMaint  .WebMaintenanceApp td {
    vertical-align: middle;
}

.Page-DesPlanMasterMaint #DetailsTable input.form-check-input[type="checkbox"] {
    margin-top: 6px !important;
}

.Page-DesPlanMasterMaint #DetailsTable .ANDARCheckBox {
    vertical-align: top;
}

.WebMaintenanceApp .icon,
.WebMaintenanceApp .icon:hover {
    background-color: transparent;
    border: 0;
}

#SpecialEventForm .ui-state-default .GroupHead {
    margin-bottom: 0;
}

.MultilingualDialog a {
    font-size: 24px;
    line-height: 0.8;
}

.Attachment .FileNameLabel {
    border: 1px solid #6c757d;
    color: #6c757d;
    text-align: center;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s;
    font-weight: 400;
    cursor: pointer;
}

.Attachment .FileNameLabel:hover {
	color: #ffffff;
	background-color: #6c757d;
}

label.col-form-label + input[type="checkbox"]{
    padding-top: 0;
}

.OpenAccountProfile a {
    text-decoration: none;
}

.AccountSelection.col-sm-9,
.Page-DesPlanMasterMaint #DetailsTable .input-group.col-sm-9 {
    flex: 0 0 100%;
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

a[role="button"] {
    text-decoration: none;
}

.CampaignAssociation .CampaignAccountData,
.CampaignAssociation .CampaignYearData {
    padding-left: 0;
    padding-right: 0;
}

.CampaignAssociation .CampaignAccountData select,
.CampaignAssociation .CampaignYearData select {
    padding: .375rem .15rem;
}

.Page-SpecialEventMaint table tbody td {
    font-weight: normal;
}

#SpecialEventForm .GroupHead {
    margin: 8px 0;
}

#SpecialEventForm .GroupHead .col-sm-1 {
	max-width: 50px;
	flex: 0 0 50px;
}

.Page-CybsSACheckout .Row-Entry.Row-amount {
    width: calc(100% + 15px);
}

#SpecialEventForm thead th {
    background-color: #d4d4d4;
    color: #000000;
    font-weight: 600;
}

#SpecialEventForm .GroupHead th {
    background-color: #444444;
    color:  #ffffff;
    font-weight: 600;
}

#SpecialEventForm tr.Row-GroupName,
#SpecialEventForm tr.Row-SectionHeading {
    background-color: #efefef !important;
    font-weight: 600;
    color: #000000;
}

.SortOrder .SortOrderByGroup {
    padding-left: 30px !important;
}

span.btn-smText {
    padding: 0;
}

.GroupHead a.icon {
    padding: .25rem .5rem;
    font-size: .875rem;
}

#DesPlanForm table td:first-child,
#DesPlanForm table td:first-child {
    text-align: center;
}

#CampaignAccount {
    flex: 60%;
}

th.col-AddEventButton {
	text-align: center;
}

#EventItemForm a .page-header {
    background-color: #333333;
    color: #ffffff;
    padding: 6px 16px 2px 16px;
    margin: 28px 0 0 0;
}

#EventItemForm a .page-header h3 {
    font-size: 20px;
    color: #ffffff !important;
}

#EventItemForm a .page-header h3 i.fa {
	color: #ffffff !important;
}

#EventItemForm .collapse {
    padding: 30px 60px 20px 60px;
    background-color: #f1f1f1;
}

#SpecialEventForm ul#sortable .ui-state-default {
    border: 0;
}

#SpecialEventForm {
    margin: 10px 0 60px 0;
    clear: both;
}

#DesPlanForm #DetailsTable {
    margin: 24px 0 40px 0;
}


#EventItemForm {
    margin: 10px 0 40px 0;
}

#EventItemForm .STARTDATEData,
#EventItemForm .ENDDATEData,
#EventItemForm .PUBLISHEFFECTIVEDATEData,
#EventItemForm .PUBLISHEXPIRYDATEData {
    padding-right: 0;
}

.EventSelectionList .Col-Quantity input {
    max-width: 80px;
}

.EventSelectionList .Col-EventAmount span {
    margin: 6px 10px;
    display: block;
}

.EventSelectionListHeader,
.SelectedEventsHeader {
    background-color: #999999;
    color: #ffffff !important;
}

.EventSelectionList .row-EventGroup {
    background-color: #f1f1f1;
}

.Col-Dollar.Col-EventAmount input {
    max-width: 120px;
}

.Page-SpcEvtRegPledge header.BlockHeader {
    margin: 50px 0;
}

.EventSelectionList .row.EventSelectionListItem .Col-Text.Col-EventName,
.EventSelectionList .row.EventSelectionListItem .Col-Dollar.Col-UnitFixedCost {
    padding-top: 7px;
}

.table-bordered thead td,
.table-bordered thead th {
    border-bottom-width: 1px;
}

.ANDARDollarAmountFormatter input, .Percent input {
    text-align: right !important;
}

button.ui-button.ui-widget.ui-state-default {
    border: 0 !important;
}

input#popPrompt {
    max-width: 100%;
}

h1#popBlockHeader {
    font-size: 26px !important;
    line-height: 28px;
    margin-top: 20px;
}

div#popBlock {
    background: #f1f1f1;
}

.Col-NumDonorLabel, .Col-NumEmpLabel, .Col-NumRspnLabel, .Col-PctRspnLabel, #RecentTranTable .Col-PledgeLabel {
    white-space: nowrap;
}

.Page-ATrans .DesignationDetails.Designation-SpecEvnt .page-header {
    margin-top: 60px;
}

#DetailsTable .TotalRow {
	font-weight: 600;
}

#DetailsTable #PercentTotal,
#DetailsTable #AmountTotal {
    padding: 0.6rem 1.1rem !important;
    text-align: right;
}

#DetailsTable th.Col-Fmt-ANDARPercentFormatter,
#DetailsTable th.Col-Fmt-ANDARDollarAmountFormatter {
    padding: 0.6rem 1.1rem !important;
}

.Attachment .col-sm-2 i.fa.fa-times {
    margin: 18px 0 0 0;
    font-size: 22px;
}

#SpecialEventForm table.WebMaintenanceApp {
    margin: 40px 0;
}

.row_drag.ui-sortable tr {
	cursor: ns-resize !important;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}
.row_drag.ui-sortable tr i {
    margin-right: 5px
}
.table tbody+tbody {
    border-top: 1px solid #dee2e6;
}

#DetailsTable th.Col-Fmt-ANDARDollarAmountFormatter,
#DetailsTable th.Col-Fmt-ANDARPercentFormatter {
    width: 180px;
}

#SpecialEventForm .row>.col-sm-9 {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

tr.Row-GrandTotal {
	font-weight: bold;
    font-weight: 600;
}

#SpecialEventForm tr.Row-GroupName,
#SpecialEventForm tr.Row-SectionHeading,
#SpecialEventForm tr.Row-SortFieldHeading,
#SpecialEventForm tr.Row-SortField {
    background-color: #f1f1f1 !important;
    color: #000000 !important;
    font-weight: 600 !important;
}

.col-sm-12.ShippingAddressRequired {
    margin-left: 20px;
}

.row.EventSelectionListFooter .col-sm-10 {
    max-width: 60%;
    flex: 0 0 60%;
}

.row.EventSelectionListFooter .col-sm-2 {
    max-width: 40%;
    flex: 0 0 40%;
    padding-right: 26px;
    padding-top: 8px;
}

.EventSelectionListHeader {
	padding: 0.8em 10px 0.8em  0 !important;
}

.FlagTable .form-check {
    margin: 14px 0;
}

.TotalTable #AmountTotal {
    text-align: right;
}

#DesignationsSection.collapse .table .thead-light th,
#DesignationsSection.collapse .table td{
	background-color: #ffffff !important;
}

#DesPlanForm .AllowDesAmount {
    margin-bottom: 40px;
}

.Page-CStructureS .offset-sm-3.col-sm-9.keywordData {
  margin-left: 0;
}

.AlignCompanySearchStructure .keywordInfo {
  margin-bottom: 20px;
}

.row {
  clear: both;
}

.eventDesc {
    font-size: 14px;
    color: #999999;
    margin-left: 25px;
}

.EventSelectionListItem .ShipAddrReqTag {
    margin-left: 25px;
    font-size: 14px;
}

#StepUpPgm h2 {
	margin-top: 30px;
}

#EventItemForm .collapse .table tr, #EventItemForm .collapse .table th, #EventItemForm .collapse .table td {
    background-color: #ffffff;
}

.Page-CybsSACheckout h2 {
	margin-top: 50px;
}

.Page-SpecialEventTran label.col-sm-3.col-form-label.OrgAccountLabel,
.Page-SpecialEventTran label.col-sm-3.col-form-label.CampaignYearLabel {
    padding-left: 15px;
}

#StarRequiredNote .Col-RequiredNote,
#RequiredNote .offset-sm-3.col-sm-9 {
    margin-left: 0 !important;
    font-weight: 600;
}

#SpecialEventForm .row.row .col-sm-4 {
    padding-top: calc(.375rem + 1px);
    padding-bottom: calc(.375rem + 1px);
}

.row.EventSelectionListFooter .col-sm-10 {
    max-width: 60%;
    flex: 0 0 60%;
}

.row.EventSelectionListFooter .col-sm-2 {
    max-width: 40%;
    flex: 0 0 40%;
    padding-right: 26px;
}

#EventPledgeInfo {
	margin-top: 60px;
}

.Page-CybsSACheckout .NoteForwarding {
    font-size: 32px;
    line-height: 64px;
    font-weight: 600;
}

.spinner-border {
    width: 4rem;
    height: 4rem;
    animation: spinner-border .95s linear infinite;
}

#RefreshImage {
	position: fixed;
	top: 50%;
    left: 50%;
    margin: auto;
    border: 0;
    width: 40px;
    height:40px;
    background-color: transparent;
    color: white;
    z-index: 99999;
}
div[class^="RefreshImage"] {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto;
    border:0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    color: white;
    z-index: 99999;
}

.Page-SpecialEventMaint #SpecialEventForm .ANDARCheckBox input.form-check-input[type="checkbox"] {
    margin-top: 7px !important;
}

.Page-SpecialEventMaint #SpecialEventForm .modal-body {
    padding: 30px 48px;
}

form#SpecialEventForm .Search .icon {
    margin: 6px 12px 6px 0;
    display: inline-block;
}

.jstree-default .jstree-anchor {
    color: #666666 !important;
}

.NavigationPSTree .note {
	color: #666666 !important;
}

.NavigationPSTree .modal-footer .btn {
    border: 1px solid #666666 !important;
}

.OrgAccountFilter .Search i.fa.fa-folder-open:before {
    content: "\f0c0" !important;
}
.OrgAccountFilter .Search i.fa-search:before {
	content: "\f01e" !important;
}

.IEWarning-Title {
	font-weight: bold !important;
}

.accordion-heading .accordion-button {
    font-size: 20px;
    padding-left: 3.25rem;
}
.accordion-heading .accordion-button::after {
    position: absolute;
    left: 1.25rem;
}


/*--------------------------- Step-up & leadership up sell ---------------------------------*/
.upsellLeaderDialog .ui-dialog-titlebar,
.upsellStepUpDialog .ui-dialog-titlebar {
	display: none;
}
.upsellLeaderDialog .prompt,
.upsellStepUpDialog .prompt {
	margin-top: 10px;
	margin-bottom: 10px;
}
.upsellLeaderDialog .btn,
.upsellStepUpDialog .btn {
	margin-left: 10px;
	min-width:60px;
}
.upsellLeaderDialog .buttonContainer,
.upsellStepUpDialog .buttonContainer {
	text-align: right;
}
.leaderUpSoldMsg, .newleaderLevelMsg {
	color: #cf0000;
}

.newleaderLevelMsg {
	clear: both;
}

.Page-IPledgeCombined #AddInfoSection .Interests {
  max-width: 700px;
}

@media screen and (max-width: 992px) {
body label.col-sm-3.col-form-label.OrgAccountLabel,
body label.col-sm-3.col-form-label.CampaignYearLabel {
    padding-left: 15px !important;
}
}

@media screen and (max-width: 860px) {
#SpecialEventForm .Row-SortField .Col-SortField,
#SpecialEventForm .Col-SectionHeading,
#SpecialEventForm .Col-SortFieldHeading,
form#SpecialEventForm .Col-GroupName {
    padding-left: 6px !important;
}

body #DetailsTable #PercentTotal,
body #DetailsTable #AmountTotal {
    padding: 0.6rem 1.6rem 0.6rem 50% !important;
}

.EventSelectionSection span.IntegerInputSpin {
    float: none;
}

.EventSelectionList .Col-EventAmount span {
    margin: 6px 0;
}

#DesPlanForm table td:first-child, #DesPlanForm table td:first-child,
#DetailsTable .Col-Fmt-ANDARYearFormatter {
    text-align: left !important;
}
}

@media screen and (max-width: 768px) {
.Page-SpecialEventEventUpdate .EVENTNAMEInfo input,
.Page-SpecialEventEventUpdate .DESCRIPTIONInfo textarea,
.GROUPNAMEInfo .GROUPNAMEData input {
	width: 100%;
}

.isEmployeeSEOptions.row-readOnly .radio {
    margin-bottom: 16px;
}
}

@media screen and (max-width: 576px) {
#EventItemForm .STARTDATEData,
#EventItemForm .ENDDATEData,
#EventItemForm .PUBLISHEFFECTIVEDATEData,
#EventItemForm .PUBLISHEXPIRYDATEData {
    padding-right: 15px;
}

#EventItemForm .col-sm-5.STARTDATEData, #EventItemForm .col-sm-4.STARTTIMEData,
#EventItemForm .col-sm-5.ENDDATEData, #EventItemForm .col-sm-4.ENDTIMEData,
.col-sm-3.SortOrderByGroup,
.col-sm-3.SortOrderBySortField {
    max-width: 50%;
}

#EventItemForm .col-sm-5.STARTDATEData,
#EventItemForm .col-sm-5.ENDDATEData {
	padding: 0 0 0 15px !important;
}
}

/*--------------------------- Online Web Administration ---------------------------------*/
/*Web Admin Global*/
.WebOptionComponent {
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */
}
.goButton {
    min-width: 60px
}
body.dialog-opened {
    overflow-y: clip;
}
#session-data-container .Col-OptionLabel a:link {
    color: #000 !important;
    font-weight: normal;
    text-decoration: none;
}
body.dialog-opened section#session-data-container::after {
    content: '';
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 151;
}
body.dialog-opened .ui-dialog-titlebar-close {
    display: none;
}
.maintWebNoteBtn {
	display: inline-block;
    text-align: center;
    height: 24px;
    min-width: 24px;
    background: #ccc;
}
.maintWebNoteBtn i {
    display: block;
    line-height: 1;
    margin: 4px 0 0 !important;
    color: #000;
}
body.webNoteMaintMode-active .WebAdminDialog .ui-resizable-handle {
    display: none;
}
body.webNoteMaintMode-active .datepick-popup,
body.webNoteMaintMode-active .tox-silver-sink {
    z-index: 1000000;
}
body.webNoteMaintMode-active .radio .maintWebNoteBtn,
body.webNoteMaintMode-active .accordion-button .maintWebNoteBtn,
body.webNoteMaintMode-active table .maintWebNoteBtn,
body.webNoteMaintMode-active input[type="checkbox"] + label .maintWebNoteBtn,
body.webNoteMaintMode-active input[type="radio"] + label .maintWebNoteBtn {
    position: relative !important;
    left: 0;
    border-radius: 0;
}
body.webNoteMaintMode-active .radio .maintWebNoteContainer,
body.webNoteMaintMode-active .accordion-button .maintWebNoteContainer,
body.webNoteMaintMode-active table .maintWebNoteContainer,
body.webNoteMaintMode-active input[type="checkbox"] + label .maintWebNoteContainer,
body.webNoteMaintMode-active input[type="radio"] + label .maintWebNoteContainer,
body.webNoteMaintMode-active input[type="radio"] + .radioSpace + label .maintWebNoteContainer {
    margin: 0 !important;
}
body.webNoteMaintMode-active .Page-ProgramEval,
body.webNoteMaintMode-active #programNavTree {
    overflow: unset;
}
body.webNoteMaintMode-active .maintWebNoteContainer {
    display: flex;
    align-items: center;
    gap: 5px;
    margin: 1em 0;
    line-height: 1;
}
body.webNoteMaintMode-active label .maintWebNoteContainer {
    margin: 0 !important;
}
body.webNoteMaintMode-active label {
    position: relative;
}
body.webNoteMaintMode-active .required_asterisk {
    position: absolute;
    top: 0;
}
body.webNoteMaintMode-active .PhoneData .maintWebNoteBtn,
body.webNoteMaintMode-active .AddressData .maintWebNoteBtn,
body.webNoteMaintMode-active #nameRow .maintWebNoteBtn,
body.webNoteMaintMode-active .PledgeProgress .maintWebNoteBtn,
body.webNoteMaintMode-active .TypeSelection .maintWebNoteBtn,
body.webNoteMaintMode-active th.Col-Heading .maintWebNoteBtn,
body.webNoteMaintMode-active .form-check .maintWebNoteBtn,
body.webNoteMaintMode-active .input-group-text .maintWebNoteBtn,
body.webNoteMaintMode-active nav.Navigation .maintWebNoteBtn,
body.webNoteMaintMode-active .button .maintWebNoteBtn,
body.webNoteMaintMode-active .DefaultButtons .maintWebNoteBtn {
    position: static;
    display: inline-block;
    border-radius: 0;
}
body.dialog-opened .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
    margin: 0 !important;
    position: fixed !important;
    top: 0 !important;
    padding: 0 !important;
}
body.dialog-opened .ui-dialog .ui-widget-header {
	border-radius: 0 !important;
	background: #054b84 !important;
	font-weight: 500;
	border: 0 !important;
	margin: -1px -1px 0;
	line-height: 2;
}
body.dialog-opened .ui-dialog .ui-widget-header .ui-dialog-title {
	color: #fff;
}
.ui-widget-content a.btn-primary {
    color: #fff !important;
}
.btn:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.ui-dialog-content.ui-widget-content table td {
	vertical-align: middle;
}
.WebAdminDialog .ui-dialog-content.ui-widget-content,
.sequenceDialog .ui-dialog-content.ui-widget-content,
.numberDialog .ui-dialog-content.ui-widget-content {
	max-height: calc(100vh - 97px) !important;
    height: calc(100vh - 97px) !important;
}
.sequenceDialog .ui-dialog-content.ui-widget-content,
.numberDialog .ui-dialog-content.ui-widget-content {
    padding: 1.25em !important;
	overflow-y: scroll;
    overflow-x: hidden;
}
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
    border-radius: 0 !important;
    z-index: 250000 ;
   	padding: 0 !important;
   	box-shadow: 0px 0px 5px 1px rgba(51, 51, 51, 0.3);
}
.ui-dialog.sequenceDialog + .ui-widget-overlay.ui-front,
.ui-dialog.numberDialog + .ui-widget-overlay.ui-front {
    background: #333 !important;
    opacity: 0.6 !important;
    z-index: 250000 !important;
}
.ui-dialog.sequenceDialog,
.ui-dialog.numberDialog {
    z-index: 250001 !important;
}

#WebAdminButton {
	color: #212529;
    background-color: white;
    border-color: #212529;
    border-radius: 0;
    font-weight: 600;
    padding: 12px 24px;
}
.maintWebNoteBtn {
    flex-shrink: 1;
}
.maintWebNoteBtn:hover {
    cursor: pointer;
}

.maintWebNoteBtn:hover + span[class^=maintWebNote-] {
	display: block;
    background: rgba(255, 230, 230, 0.5);
}

.maintWebNoteBtn:hover + span[class^=maintWebNote-]:empty {
    display: block;
    height: 12px;
    vertical-align: middle;
    background: #FFE6E6;
}

#maintWebNoteForm .expiredNoteToggle {
	float: right;
}

#maintWebNoteForm .selectedNoteRow {
	background-color: #f1f1ff  !important;
}

#maintWebNoteForm .expiredNoteRow {
	background-color: #f1f1f1;
	color: #999;
}

#maintWebNoteForm .btn.editorButton.editorButton-Active {
    background-color: #007bff;
    border-color: #007bff;
}

#maintWebNoteForm .btn.editorButton {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
    flex-grow: 1;
}

#maintWebNoteForm .EmptyListMessage {
    padding-left: 25px;
}

#maintWebNoteForm .effectiveDateData,
#maintWebNoteForm .effectiveTimeData,
#maintWebNoteForm .expiryDateData,
#maintWebNoteForm  .expiryTimeData {
	display: inline-block;
}

#wcOptnListForm .updatWCOptionButton {
	float: right;
}

.PledgeProgress li p {
  font-size: inherit !important;
  margin-bottom: 0 !important;
}

/*Session Data*/
#session-data-container {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: #fff;
	z-index: 200000;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	padding: 0 !important;
}
#session-data-toggle span {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin-right: 1em;
}
#session-data-toggle span.active {
    background: #fff;
    padding: 2px 10px 5px 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border: 1px solid #ccc;
    border-bottom: 0;
}
#session-data-toggle {
    font-size: 12px;
    padding: 8px 15px;
    line-height: 1;
    background: #f1f1f1;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}
.session-content {
    padding: 8px 15px;
    font-size: 14px;
    line-height: 1.6;
    max-height: 90vh;
    overflow-y: scroll;
}
.session-content::-webkit-scrollbar {
  width: 0.5em;
}
.session-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.session-content::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}
#session-options-wrap {
    padding: 0;
}
#session-options-wrap .listButtons {
    position: sticky;
    top: 0;
    background: #fff;
    border: none;
    border-bottom: 1px solid #ccc;
}

.SessionInfoHeader {
	font-weight: 600;
}
.SessionInfoWrap > div:nth-child(even),
#wcOptionList > div:nth-child(even) {
	background: rgba(241, 241, 241, 0.5);
}

/*Web Admin Panel*/
#webAdmin-container {
    position: fixed;
    left: 0;
    top: 100px;
    font-size: 14px;
    z-index: 150;
    transition: margin-left 0.5s;
    max-width: 220px;
    width: 160px;
    padding: 0;
}
#webAdmin-toggle {
    background: #f1f1f1;
    padding: 5px 10px 5px 15px;
    border: 1px solid #cccc;
    margin-left: -1px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    min-width: 200px;
    line-height: 2;
    cursor: pointer;
    margin-right: -40px;
}
#webAdmin-toggle span {
    float: right;
    display: block;
    height: 28px;
    width: 20px;
    text-align: center;
}
#webAdmin-wrap {
    background: #fff;
    padding: 5px 10px;
    border-bottom-right-radius: 5px;
    border: 1px solid #ccc;
    margin-top: -1px;
}
ul#webAdmin-menu {
    margin: 0;
    padding: 0;
    list-style: none;
}
ul#webAdmin-menu li {
    line-height: 2;
}
ul#webAdmin-menu li a:link {
    font-size: 1em;
    font-weight: normal;
    color: #363636;
}
ul#webAdmin-menu li a:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 500;
    content: '\f0c8';
    margin-right: 5px;
}
ul#webAdmin-menu .dropdown-item-checked::before {
    content: '\f14a';
    font-weight: 900;
    color: green;
}

/*Web Admin Notes*/
.dialog-btns a {
    text-decoration: none;
}
.maintWebNoteContainer {
    position: relative;
    border: 1px dashed #f1f1f1;
    display: block;
    min-height: 24px;
    padding: 5px;
}
.maintWebNoteContainer:hover {
    border-color: #333;
}
.webNoteRow {
	cursor: pointer;
}


/**********************************/
td#webAddOption {
    padding: 6px;
    background: #5cb85c;
    color: white;
    cursor: pointer;
}
td#webAddOption:hover {
    background-color: #157347;
}

ul.pureCssWebOptionCheckBox {
	display: none;
    padding: 0;
    margin: 0;
    list-style: none;
    border: 1px solid var(--bs-border-color);
    position: absolute;
    min-width: 250px;
    background: #eee;
    z-index: 5;
}
ul.pureCssWebOptionCheckBox li {
    margin: 0;
    background-position-x: 5px !important;
}
ul.pureCssWebOptionCheckBox li a {
    display: block;
    padding: 10px 5px 10px 25px;
    text-decoration: none;
    font-weight: normal;
}
ul.pureCssWebOptionCheckBox li:hover {
    background: var(--bs-secondary-bg);
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox0 {
	background: url("../../Images/inherit.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox3 {
	background: url("../../Images/yes.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox4 {
	background: url("../../Images/yes-exclusive.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox1 {
	background: url("../../Images/no.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox2 {
	background: url("../../Images/no-exclusive.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox5 {
	background: url("../../Images/required.png") left center no-repeat;
}
ul.pureCssWebOptionCheckBox li.SelectCheckBox6 {
	background: url("../../Images/required-exclusive.png") left center no-repeat;
}

td.Col-OptionComponent .WebOptionCheckboxList {
    position: relative;
    padding-bottom: 1.5em;
}
.weboptioncheckboxlist {
    padding-bottom: 0;
}
.SequnceButton {
    position: absolute;
    bottom: -3px;
    right: 0;
}
.SequnceButton + .NumberButton {
    right: 80px !important;
}
.NumberButton {
    position: absolute;
    bottom: -3px;
    right: 0;
}
.SequnceButton a, .NumberButton a {
    padding: 3px 5px;
    background: #ccc;
    border-radius: 5px;
    text-decoration: none;
}

.WebOptionCheckBox {
    margin-right: 6px;
    line-height: 1;
}

.WebOptionCheckBoxText {
  cursor: pointer;
}

.WebOptionText {
    min-width: 300px;
}

/*Web Admin Dialog/Modal*/
.select2-container {
    width: 100% !important;
}
.selection, .select2-container .select2-selection--single,
.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    height: 100% !important;
}
.input-group .select2-container {
    flex: 1;
}
.input-group .select2-selection--single {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group .select2-selection__arrow {
    right: 40px;
}
.select2-container .select2-selection--single {
    background-clip: padding-box;
    border: 1px solid #ced4da !important;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
}
.select2-search__field:focus-visible {
    border: none;
    outline: none;
}
td.Col-Input .col-sm-9 {
    width: unset !important;
    flex: 1;
    padding: 0;
}
tr.WebOptionListItem  td,
tr.WebOptionInputRow td {
    vertical-align: middle;
}
tr.WebOptionListItem.ToDelete  {
	background-color: #dddddd !important;
}
tr.WebOptionListItem.ToDelete td {
	color: #888888 !important;
}
.deleteOptionIcon {
    color: #fff !important;
}
#appearance-container,
#note-container,
.webNoteList {
    width: 100%;
    position: relative;
}
#appearance-toggle {
    line-height: 2;
    font-size: 16px;
}
#appearance-toggle span {
    cursor: pointer;
}
#appearance-toggle span i {
    margin-right: 15px;
}

#maintWebNoteForm,
#regPageAdminForm {
    position: relative;
}
#maintWebNoteForm .modal-footer,
#maintWebOptnForm .modal-footer,
#regPageAdminForm .modal-footer,
.sequenceDialog .ui-dialog-buttonpane,
.numberDialog .ui-dialog-buttonpane {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 10px;
    border-top: 1px solid #ddd;
}

#maintWebNoteForm .input-group-text {
    font-size: 13px;
}
.Col-NoteVariables .input-group-text {
    padding: unset !important;
}
.Col-NoteVariables .input-group-text a {
    padding: 0.375rem 0.75rem;
}
#WebNoteArea {
	min-height: 300px;
    font-family: monospace;
    line-height: 1.6;
}
.languageInfo {
    margin: 0;
}
.languageLabel {
    display: none;
}
#MessageForNote {
    position: fixed;
    top: 8vh;
    right: calc( 50vw - 175px );
    z-index: 500;
    display: none;
   -moz-user-select: none;
   -khtml-user-select: none;
   -webkit-user-select: none;
}

/*Web Option*/
.btn-dialog-close::before {
    content: '\f00d';
    font: var(--fa-font-solid);
    color: red;
    margin-right: 5px;
}
#eAdmin-Loading {
    top: calc( 50% - 21px );
    left: calc( 50% - 21px );
    color: #fff;
    font-size: 36px;
    border-radius: 10em;
    z-index: 155;
    opacity: 0.6 !important;
}
#wcOptionList {
}
.wcOptionListHeader {
	border:1px solid #ced4da;
	font-weight: bold;
	margin-bottom: 0;
	padding: 0.25em 0;
}
.wcOptionListItem,
.SessionInfoDetail {
	margin-bottom: 0;
	padding: 0.25em 0;
	border-right: 1px solid #ced4da;
	border-left: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
}
.wcOptionListItem:hover {
    background: rgba(241, 241, 241, 0.25) !important;
}
.Col-Text.Col-OptionLabel .weboptioncheckboxlist {
    columns: 3;
    width: 100%;
}
.weboptioncheckboxlistShowmore {
    font-size: 11px;
    padding: 3px;
    display: inline-block;
    opacity: 0.7;
    cursor: pointer;
}
.weboptioncheckboxlist.minimized {
    max-height: 19px;
    overflow: hidden;
}
.weboptioncheckboxlist.minimized .WebOptionCheckBoxTText {
    overflow: hidden;
    line-height: 1.2;
}
.Col-Text.Col-OptionLabel .WebOptionCheckBoxTSelect {
    flex: 20%;
}
.Col-Text.Col-OptionLabel .WebOptionCheckBoxT {
    line-height: 1;
    margin-right: 3px;
}
.Col-OptionComponent .weboptioncheckboxlist {
    column-count: 4;
}
.Col-OptionComponent .weboptioncheckboxlist::-webkit-scrollbar {
    width: 5px;
    height: 8px;
}
.Col-OptionComponent .weboptioncheckboxlist::-webkit-scrollbar-track {
  background: transparent;
}
.Col-OptionComponent .weboptioncheckboxlist::-webkit-scrollbar-thumb {
  background: #555;
}
.Col-OptionComponent .weboptioncheckboxlist::-webkit-scrollbar-thumb:hover {
  background: #054b84;
}
.Col-OptionLabel .CheckboxList-Stylesheets {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.Col-OptionLabel .CheckboxList-Stylesheets>div {
    margin-right: 12px;
}

.WebOption {
    display: flex;
    align-items: center;
}
.WebOptionCheckBoxSelect .WebOption {
    align-items: start;
}
.Col-OptionComponent .WebOption {
    display: flex;
    align-items: flex-start;
}
.WebOptionCheckBoxT {
    min-width: 18px;
}
.WebOptionCheckBoxT img {
    display: block;
}

.WebOptnSeqDialogHdr {
	font-weight: bold;
	margin-bottom: 25px;
}

.AceEditorContainer {
	position: relative;
}
.AceEditor {
	position:absolute;
	top:0;right:0;bottom:0;left:0;
}

/*---------------------------i-Access New Style----------------------------*/
.Section-Annotations .row > * {
  padding-right:0;
  padding-left: 0;
}

.Navigation .BioTabTitle.GlobalTab a, .Navigation .BioTabTitle.PersonalTab a {
font-size: 11px;
line-height: 28px;
padding-left: 0 !important;
padding-right: 0 !important;
}

.Body-Page-Dashboard .ANDARMaintenanceHTML th,
.Body-Page-Dashboard .ANDARMaintenanceHTML .Col-Text,
.Page-BioTab .ANDARMaintenanceHTML th,
.Page-BioTab .ANDARMaintenanceHTML .Col-Text,
.Body-Page-Dashboard .ANDARMaintenanceHTML .Col-Fmt-ANDARDatehhmmFormatter,
.Page-BioTab .ANDARMaintenanceHTML .Col-Fmt-ANDARDatehhmmFormatter,
.Body-Page-Dashboard .ANDARMaintenanceHTML .Col-Integer,
.Page-BioTab .ANDARMaintenanceHTML .Col-Integer {
white-space: nowrap;
color: #555555;
border:0;
}

.Body-Page-Dashboard .ANDARMaintenanceHTML .thead-light th a,
.Body-Page-Dashboard .ANDARMaintenanceHTML .table .thead-light th {
color: #555;
}

body .Dashboard th, body .Dashboard td.Col-Heading{
background-color: #89a6c7 !important;
color: #ffffff !important;
}

body .Dashboard th a {
color: #ffffff !important;
}

.Body-Page-Dashboard .ANDARMaintenanceHTML tr,
.Page-BioTab .ANDARMaintenanceHTML tr  {
border:0;
}

.Body-Page-Dashboard .table-sm td, .Body-Page-Dashboard .table-sm th,
.DashboardAppDetail table th, .DashboardAppDetail table td,
.Page-BioTab .table-sm td, .Page-BioTab .table-sm th,
.Page-BioTab table th {
padding: 16px;
color: #555555;
border:0;
}

.Body-Page-Dashboard   h3.NavigationHideShow a,
.Body-Page-Dashboard h3.NavigationHideShow a:hover {
color: #002a5c;
font-size: 24px;
}

.Body-Page-Dashboard .GeneralBlueBottom1,
.Body-Page-Dashboard .GeneralBlueBottom2,
.Body-Page-Dashboard .GeneralBlueBottom3,
.Body-Page-Dashboard .GeneralBlueBottom4 {
display: none;
}

.Body-Page-Dashboard a.icon {
color:#567faf !important
}

.HighHighlight .DashBoxTitle,
.MediumHighlight .DashBoxTitle {
border-bottom: none;
}

.HighHighlight .DashBoxTitle a,
.MediumHighlight .DashBoxTitle a,
.LowHighlight .DashBoxTitle a{
color: #000000;
}

.DashBox, .HighHighlight,
.LowHighlight, .MediumHighlight{
border: none !important;
}

.DashBoxTitle {
margin-bottom: 0 !important;
}

.GeneralBlueMainTop.row {
float: right;
position: static;
}

.AccountQuickSearchComp.input-group.mb-3 {
margin-bottom: 40px !important;
}

.Navigation .BioTabTitle.GlobalTab a:before,
.Navigation .BioTabTitle.PersonalTab a:before{
position: static;
font-size: 36px;
display: block;
text-align: center;
margin: 0 !important;
color: #002a5c;
}

.Navigation .BioTabTitle a.nav-link.active {
border-bottom: none;
}

.Navigation .BioTabTitle a.nav-link.active:before {
color: #40a4f9 !important;
}

.Navigation li.BioTabTitle:nth-child(1) a.nav-link:before {
color: #f2b04f !important;
content: "\f15b";
}

.Navigation li.BioTabTitle:nth-child(2) a.nav-link:before {
color: #6bc932 !important;
content: "\f0c6";
}

.Navigation li.BioTabTitle:nth-child(3) a.nav-link:before {
color: #008000 !important;
content: "\f328";
}

.Navigation li.BioTabTitle:nth-child(4) a.nav-link:before {
color: #40a4f9 !important;
content: "\f304";
}

.Navigation li.BioTabTitle:nth-child(5) a.nav-link:before {
color: #567faf !important;
content: "\f133";
}

.Navigation li.BioTabTitle:nth-child(6) a.nav-link:before {
color: #f2b04f !important;
content: "\e473";
}

.Navigation li.BioTabTitle:nth-child(7) a.nav-link:before {
color: #6bc932 !important;
content: "\f007";
}

.Navigation li.BioTabTitle:nth-child(8) a.nav-link:before {
color: #008000 !important;
content: "\f0ce";
}

.Navigation li.BioTabTitle:nth-child(9) a.nav-link:before {
color: #40a4f9 !important;
content: "\f6ff";
}

.Navigation li.BioTabTitle:nth-child(10) a.nav-link:before {
color: #567faf !important;
content: "\f2bb";
}

.Navigation li.BioTabTitle:nth-child(11) a.nav-link:before {
color: #f2b04f !important;
content: "\f02c";
}

.Navigation li.BioTabTitle:nth-child(12) a.nav-link:before {
color: #6bc932 !important;
content: "\f140";
}

.Navigation li.BioTabTitle:nth-child(13) a.nav-link:before {
color: #008000 !important;
content: "\f275";
}

.Navigation li.BioTabTitle:nth-child(14) a.nav-link:before {
color: #40a4f9 !important;
content: "\f12d";
}

.Navigation li.BioTabTitle:nth-child(15) a.nav-link:before {
color: #567faf !important;
content: "\e29c";
}

.Navigation li.BioTabTitle:nth-child(16) a.nav-link:before {
color: #f2b04f !important;
content: "\f201";
}

.Navigation li.BioTabTitle:nth-child(17) a.nav-link:before {
color: #6bc932 !important;
content: "\f200";
}

.Navigation li.BioTabTitle:nth-child(18) a.nav-link:before {
color: #008000 !important;
content: "\f201";
}

.Navigation li.BioTabTitle:nth-child(19) a.nav-link:before {
color: #40a4f9 !important;
content: "\f0ae";
}

.Navigation li.BioTabTitle:nth-child(20) a.nav-link:before {
color: #567faf !important;
content: "\f24e";
}

.DashboardNavigation .icon i,
.Dashboard .btn i{
font-size: 22px;
color: #567faf !important;
}

.DashboardNavigation .NavigationCSV .icon i,
.Dashboard .NavigationCSV .icon i{
color: #f2b04f !important;
}

.DashboardNavigation .NavigationRefresh .icon i,
.Dashboard .NavigationRefresh .icon i{
color: #008000 !important;
}

.NavigationHideShow .AddButton .icon i {
color: #40a4f9 !important
}

.DashboardNavigation a.icon:hover,
.Dashboard a.icon:hover{
background-color: transparent;
opacity: 0.6;
}

.Navigation .BioTabTitle a.nav-link:hover:before {
opacity: 0.6;
}

.BioDonorStatisticsTable th, .BioDonorStatisticsTable td {
border: 0 /*1px solid #ccc*/;
padding: 0.6rem 0.9rem;
}

.BioDonorStatisticsTable {
margin: 20px 0;
width: 100%;
}

li.nav-item.BioTabTitle {
padding-right: 0;
width: 100px;
text-align: center;
}

.Page-Dashboard .Navigation.mt-3.mb-3 {
margin-bottom: 0 !important;
}

.Navigation .pagination .page-link {
padding: 8px 18px;
font-size: 20px;
}

.Navigation .pagination .page-item.active .page-link {
background-color: #40a4f9 !important;
}

.DashboardNavigation .btn-group div.btn {
padding: 0 !important;
}

.DashboardNavigation .btn-group {
margin-left: 14px;
}

.Page-BioTab .NavigationHideShow .Filters-Menu i {
padding-top: 6px;
color: #6bc932 !important;
}

.Page-BioTab .NavigationHideShow .Filters-Menu i:hover {
background-color: transparent;
opacity: 0.6;
}

.DashboardNavigation .Filters-Menu.btn.btn-light.btn-sm i {
font-size: 21px;
margin: 12px 10px 4px 10px;
color: #6bc932 !important;
padding-top: 2px;
}

.NavigationHideShow .Filters-Menu i:hover,
.DashboardNavigation .Filters-Menu.btn.btn-light.btn-sm i:hover {
background-color: transparent;
opacity: 0.6;
}

.NavigationHideShow.DashBoxTitle {
color: #002a5c !important;
}

.Page-Dashboard .GeneralBlueMainPage {
margin: 10px 0;
padding-top: 0;
}

.Page-Dashboard .table-responsive.dragscroll,
.Page-BioTab .table-responsive.dragscroll {
--scrollbar-foreground: #cccccc;
--scrollbar-background: #f1f1f1;
scrollbar-color: var(--scrollbar-foreground) var(--scrollbar-background);
scrollbar-width: thin;
}

::-webkit-scrollbar-thumb {
background-color: #d6dee1;
border-radius: 20px !important;
}

/* width */
.Page-Dashboard .table-responsive.dragscroll::-webkit-scrollbar {
height: 10px;
}

/* Track */
.Page-Dashboard .table-responsive.dragscroll::-webkit-scrollbar-track {
background: #f1f1f1;
}

/* Handle */
.Page-Dashboard .table-responsive.dragscroll table::-webkit-scrollbar-thumb {
background: #888;
}

/* Handle on hover */
.Page-Dashboard .table-responsive.dragscroll table::-webkit-scrollbar-thumb:hover {
background: #555;
}

.Body-Page-Dashboard .ANDARMaintenanceHTML tr:hover > td,
.BioDonorStatisticsTable tr:hover {
background-color: #dce7f3 !important;
box-shadow: none !important;
}

.BioDonorStatisticsTable tr:nth-child(2n+1) {
background-color: #f2f2f2;
}

.BioDonorStatisticsTable tr.BlankLine {
background-color: #ffffff !important;
}

.TableLabel.AFFILIATIONTYPE,
.AccountSelection.ACCOUNTNUMBERB {
flex: 0 0 auto;
width: 75%;
}

.ANDARCheckBox.RUMFLAG {
display: inline-block;
}

#dashboardMenu ul.navbar-nav {
display: inherit !important;
}

li.nav-item.BioTabTitle {
display: inline-block !important;
}

body:not(.dialog-opened) .ui-dialog .ui-widget-header {
height: 40px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
top: 4px;
width: 30px !important;
height: 30px !important;
}

.Col-Text.Col-LoyalContLabel .btn {
background-color: transparent;
padding: 0 4px 0 0;
border: 0;
}

.Dashboard .Col-Text.Col-LoyalContLabel .icon i {
color: #ffffff !important;
}

.Page-WebDisplayApp .Section-Annotations .form-control-plaintext,
.Page-WebUpdateApp .Section-Annotations .form-control-plaintext,
.Page-WebAddApp .Section-Annotations .form-control-plaintext{
width: 83%;
}

.Page-WebDisplayApp .ANDARCheckBox.DONOTFORMAT,
.Page-WebUpdateApp .ANDARCheckBox.DONOTFORMAT,
.Page-WebAddApp .ANDARCheckBox.DONOTFORMAT {
  flex: 0 0 auto;
  width: 75%;
  margin-right: 0;
  padding: 8px 13px;
}

.TableChoiceBoxAFFILIATIONTYPE {
width: 75%;
}

.Page-WebDisplayApp .AccountSelection.col-sm-9,
.Page-WebUpdateApp .AccountSelection.col-sm-9,
.Page-WebAddApp .AccountSelection.col-sm-9{
flex: 0 0 75%;
max-width: 75%;
padding-left: 12px;
}

.Page-WebDisplayApp input#ACCOUNTNUMBER,
.Page-WebUpdateApp input#ACCOUNTNUMBER,
.Page-WebAddApp input#ACCOUNTNUMBER {
max-width: 100px;
}

.ui-widget input,
.ui-widget p,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
font-family: inherit;
font-size: 14px !important;
}

.Move-State-Touch-Points-Field-Change-History,
.Move-State-Touch-Points-History {
flex: 0 0 100%;
max-width: 100%;
}

.Page-WebDisplayApp .ANDARCheckBox.PREFEMPLOYER,
.Page-WebUpdateApp .ANDARCheckBox.PREFEMPLOYER,
.Page-WebAddApp .ANDARCheckBox.PREFEMPLOYER{
float: left;
margin-right: 5px;
}

.ui-widget {
font-family: inherit !important;
}

.Page-WebDisplayApp .col-sm-3.col-form-label,
.Page-WebUpdateApp .col-sm-3.col-form-label,
.Page-WebAddApp .col-sm-3.col-form-label,
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front {
font-size: 14px;
}

.subsection.AuditPanel {
border-top: 1px solid #eee;
margin-top: 20px;
padding-top: 18px;
}

.ui-dialog-buttonset button {
margin: 0.5em 0.9em 0.5em 0;
padding: 0.8em 1.6em;
color: #002a5c;
font-size: 14px;
background-color: transparent;
border: 1px solid #002a5c;
outline-width: 0;
min-width: 140px;
text-transform: uppercase;
font-weight: 600 !important;
}

.ui-dialog-buttonset button:hover {
color:#ffffff;
background-color:#002a5c;
border:1px solid #002a5c;
}

.subsection.AuditPanel .col-3.Label {
font-weight: 600;
font-size: 14px;
}

.Page-WebAddApp select,
.Page-WebUpdateApp select,
.Page-WebDisplayApp select,
.Page-WebAddApp input[type="text"],
.Page-WebUpdateApp input[type="text"],
.Page-WebDisplayApp input[type="text"],
.Page-WebAddApp input[type="password"],
.Page-WebUpdateApp input[type="password"],
.Page-WebDisplayApp input[type="password"],
.Page-WebDisplayApp .form-control,
.Page-WebUpdateApp .form-control,
.Page-WebAddApp .form-control,
.Page-WebDisplayApp .input-group-text,
.Page-WebUpdateApp .input-group-text,
.Page-WebAddApp .input-group-text {
padding: .375rem .75rem;
border: 1px solid #ced4da !important;
}

.Page-WebAddApp .ANDARCheckBox.ATSUBWAYLINE,
.Page-WebUpdateApp .ANDARCheckBox.ATSUBWAYLINE,
.Page-WebDisplayApp .ANDARCheckBox.ATSUBWAYLINE,
.Page-WebAddApp .ANDARCheckBox.ATBUSLINE,
.Page-WebUpdateApp .ANDARCheckBox.ATBUSLINE,
.Page-WebDisplayApp .ANDARCheckBox.ATBUSLINE,
.Page-WebAddApp .col-form-label.col-sm-3.Label.At-Bus-Line,
.Page-WebUpdateApp .col-form-label.col-sm-3.Label.At-Bus-Line,
.Page-WebDisplayApp .col-form-label.col-sm-3.Label.At-Bus-Line {
float:left;
}

.Section-DisplayApp .row.row > .col-sm-12 label.col-form-label.col-sm-3 {
padding-left: 0 !important;
padding-right: 0 !important;
}

.ui-dialog-titlebar-close {
background: #002a5c;
color: #ffffff;
}

.ui-button .ui-icon {
background-image: url("<BaseURL>Common/jquery/images/ui-icons_444444_256x240.png");
}
.subsection .ANDARCheckBox .form-check-input {
margin-right: 4px;
margin-left: 4px;
}

.subsection .ANDARCheckBox label.Label {
margin-right: 8px;
}

.ANDARCheckBox {
margin-right: 6px;
}

.col-sm-3.Label.col-form-label.Your-account-is-currently-not-attached-to-this-communication {
width: 100%;
}

.AddApp .TableChoiceBoxACTIONSTATUS {
margin-left: 8px;
}

.AddApp .col-sm-12 .col-sm-9 {
padding-left: 6px !important;
padding-right: 2px !important;
}

.Navigation .pagination {
  margin: 20px 0;
}

@media only screen and (max-width: 860px) {
.MobileTable td, .CampStatus td, .CampHistory td, .QuickSumTable td, .RecentTranTable td, .AHistTranTable td, .MyOutputs td {
padding-left: 50% !important;
}

.Dashboard .ANDARMaintenanceHTML th,
.Dashboard .ANDARMaintenanceHTML td {
min-height: 40px !important;
white-space: pre-line !important;
}

html .Body-Page-Dashboard .ANDARMaintenanceHTML th, html .Body-Page-Dashboard .ANDARMaintenanceHTML .Col-Text {
white-space: pre-line !important;
}

#dashboardMenu .navbar-nav,
.Page-BioTab .navbar-nav {
display: block;
}

html .ANDARMaintenanceHTML .AccountLink {
white-space: normal !important;
}

.table.ANDARMaintenanceHTML  > :not(caption) > * > * {
box-shadow: none;
}

.table.ANDARMaintenanceHTML  tr {
border-bottom: 1px solid #999999;
}

.Body-Page-Dashboard .table-sm td, .Body-Page-Dashboard .table-sm th, .DashboardAppDetail table th, .DashboardAppDetail table td, .Page-BioTab .table-sm td, .Page-BioTab .table-sm th, .Page-BioTab table th {
padding: auto !important;
}
}

.highcharts-axis-labels {
  font-size: 20px;
  font-weight: 500 !important;
}

.highcharts-legend-item {
  font-size: 20px;
}

.highcharts-label.highcharts-data-label text {
  font-size: 14px !important;
  font-weight: 500 !important;
}

#jobnotification span.dismiss {
  padding: 0 5px;
  cursor: pointer;
  float: right;
  margin-right: 10px;
}

#jobnotification a {
  color: lightgrey;
  text-decoration: none;
  font-size: 1.5rem;
}

#jobnotification {
  position: fixed;
  bottom: 30px !important;
  width: 100% !important;
  text-align: center;
  color: white;
  background-color: rgb(43, 87, 151);
  padding: 50px 10px !important;
  font-size: 2rem;
  font-family: Segoe UI Semibold, Helvetica, sans-serif;
  left: 0 !important;
  z-index: 99999;
}

.AndarChartContainer {
  min-width: 300px;
}

.Page-TributeApplication .page-header {
    background-color: #333333;
    color: #ffffff;
    padding: 6px 16px 2px 16px;
    margin: 28px 0 0 0;
}

.Page-TributeApplication .page-header h3 {
    font-size: 20px;
    color: #ffffff !important;
}

.Section-TributePledge {
    background-color: #ddd;
    padding: 5px 10px 5px 10px;
	margin-top: 5px;
  	margin-bottom: 10px;

}
.Section-TributePledge .tributeHeader  {
    font-size: 20px;
	font-weight: bold;
}

.Section-TributePledge .tributeInfo {
	margin-left: 20px;
  	margin-right: 20px;
}