/**/
/*NORMALIZE*/
/**/

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */

/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */

/*
 * Corrects `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
    display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */

audio,
canvas,
video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    /*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/*
 * Addresses styling for `hidden` attribute not present in IE 7/8/9, Firefox 3,
 * and Safari 4.
 * Known issue: no IE 6 support.
 */

[hidden] {
    display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */

/*
 * 1. Corrects text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-size: 100%; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
    -ms-text-size-adjust: 100%; /* 2 */
}

/*
 * Addresses `font-family` inconsistency between `textarea` and other form
 * elements.
 */

html,
button,
input,
select,
textarea {
    font-family: sans-serif;
}

/*
 * Addresses margins handled incorrectly in IE 6/7.
 */

body {
    margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */

/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */

a:focus {
    outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */

a:active,
a:hover {
    outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */

/*
 * Addresses font sizes and margins set differently in IE 6/7.
 * Addresses font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.75em;
    margin: 2.33em 0;
}

/*
 * Addresses styling not present in IE 7/8/9, Safari 5, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

blockquote {
    margin: 1em 40px;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */

dfn {
    font-style: italic;
}

/*
 * Addresses styling not present in IE 6/7/8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * Addresses margins set differently in IE 6/7.
 */

p,
pre {
    margin: 1em 0;
}

/*
 * Corrects font family set oddly in IE 6, Safari 4/5, and Chrome.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * Addresses CSS quotes not supported in IE 6/7.
 */

q {
    quotes: none;
}

    /*
 * Addresses `quotes` property not supported in Safari 4.
 */

    q:before,
    q:after {
        content: '';
        content: none;
    }

/*
 * Addresses inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */

/*
 * Addresses margins set differently in IE 6/7.
 */

dl,
menu,
ol,
ul {
    margin: 1em 0;
}

dd {
    margin: 0 0 0 40px;
}

/*
 * Addresses paddings set differently in IE 6/7.
 */

menu,
ol,
ul {
    padding: 0 0 0 40px;
}

/*
 * Corrects list images handled incorrectly in IE 7.
 */

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Removes border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improves image quality when scaled in IE 7.
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */

svg:not(:root) {
    overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */

/*
 * Addresses margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */

figure {
    margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */

/*
 * Corrects margin displayed oddly in IE 6/7.
 */

form {
    margin: 0;
}

/*
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 6/7/8/9.
 * 2. Corrects text not wrapping in Firefox 3.
 * 3. Corrects alignment displayed oddly in IE 6/7.
 */

legend {
    border: 0; /* 1 */
    padding: 0;
    white-space: normal; /* 2 */
    *margin-left: -7px; /* 3 */
}

/*
 * 1. Corrects font size not being inherited in all browsers.
 * 2. Addresses margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improves appearance and consistency in all browsers.
 */

button,
input,
select,
textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
    *vertical-align: middle; /* 3 */
}

/*
 * Addresses Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

button,
input {
    line-height: normal;
}

    /*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Removes inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */

    button,
    html input[type="button"], /* 1 */
    input[type="reset"],
    input[type="submit"] {
        -webkit-appearance: button; /* 2 */
        cursor: pointer; /* 3 */
        *overflow: visible; /* 4 */
    }

        /*
 * Re-set default cursor for disabled elements.
 */

        button[disabled],
        input[disabled] {
            cursor: default;
        }

    /*
 * 1. Addresses box sizing set to content-box in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 * 3. Removes excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
        *height: 13px; /* 3 */
        *width: 13px; /* 3 */
    }

    /*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

    /*
 * Removes inner padding and border in Firefox 3+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/*
 * 1. Removes default vertical scrollbar in IE 6/7/8/9.
 * 2. Improves readability and alignment in all browsers.
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */

/*
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/**/
/*NORMALIZE*/
/**/

/**/
/*CORE*/
/**/
 
/* @group Base Styles */

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('/_includes/_css/_thirdParty/fonts/28954D_6_0.eot');
    src: url('/_includes/_css/_thirdParty/fonts/28954D_6_0.eot?#iefix') format('embedded-opentype'),url('/_includes/_css/_thirdParty/fonts/28954D_6_0.woff') format('woff'),url('/_includes/_css/_thirdParty/fonts/28954D_6_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('/_includes/_css/_thirdParty/fonts/28954D_7_0.eot');
    src: url('/_includes/_css/_thirdParty/fonts/28954D_7_0.eot?#iefix') format('embedded-opentype'),url('/_includes/_css/_thirdParty/fonts/28954D_7_0.woff') format('woff'),url('/_includes/_css/_thirdParty/fonts/28954D_7_0.ttf') format('truetype');
}

@font-face {
    font-family: 'ProximaNova-Bold';
    src: url('/_includes/_css/_thirdParty/fonts/28954D_8_0.eot');
    src: url('/_includes/_css/_thirdParty/fonts/28954D_8_0.eot?#iefix') format('embedded-opentype'),url('/_includes/_css/_thirdParty/fonts/28954D_8_0.woff') format('woff'),url('/_includes/_css/_thirdParty/fonts/28954D_8_0.ttf') format('truetype');
}

@font-face {
  font-family: 'dotsfont';
  src: url('/_includes/_css/_thirdParty/fonts/dotsfont.eot');
  src: url('/_includes/_css/_thirdParty/fonts/dotsfont.eot?#iefix') format('embedded-opentype'),
       url('/_includes/_css/_thirdParty/fonts/dotsfont.woff') format('woff'),
       url('/_includes/_css/_thirdParty/fonts/dotsfont.ttf') format('truetype'),
       url('/_includes/_css/_thirdParty/fonts/dotsfont.svg#dotsfontregular') format('svg');
}

/*:not(:active):not(:focus)*/
input.concealValue {
    margin-top: 13px;
    font-size: 8px;
    font-family: 'dotsfont' !important;
}

html {
    height: 100%;
}

html, button, input, select, textarea {
    color: #676767;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

@media print {
    html {
        background-color: #000;
        color: #000;
    }

    *:not(.fa) {
        font-family: sans-serif !important;
    }
}

a {
    text-decoration: none;
}

/* Default browser size 16px fonts with 24px lines */
body {
    height: 100%;
    font-size: 1.1em;
    line-height: 1.6em;
    min-width: 1200px;
    background: #fff url('/_images/bg-nav.gif') repeat-y left top !important;
}

    body.modal-open {
        overflow: hidden;
    }

@media (max-width: 767px) {
    body {
        min-width: unset;
    }
}

body.sb {
    background: #fff;
    min-width: 0;
    max-width: 590px;
    padding: 30px 20px;
}

body.app.contacts {
    background-image: url('/_images/bg-nav-contacts.gif');
}

body.app.donations {
    background-image: url('/_images/bg-nav-donations.gif');
}

body.app.campaigns {
    background-image: url('/_images/bg-nav-campaigns.gif');
}

body.app.events {
    background-image: url('/_images/bg-nav-events.gif');
}

body.app.advocacy {
    background-image: url('/_images/bg-nav-advocacy.gif');
}

body.app.online {
    background-image: url('/_images/bg-nav-online.gif');
}

body.app.merchandise {
    background-image: url('/_images/bg-nav-merchandise.gif');
}

body.app.accounting {
    background-image: url('/_images/bg-nav-accounting.gif');
}

body.app.reports {
    background-image: url('/_images/bg-nav-reports.gif');
}

body.app.automation {
    background-image: url('/_images/bg-nav-automation.gif');
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/* A better looking default horizontal rule */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #eee;
    margin: 1em 0;
    padding: 0;
}

/* Remove the gap between images and the bottom of their containers: h5bp.com/i/440 */
img {
    vertical-align: middle;
}

/* Remove default fieldset styles */
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/* Allow only vertical resizing of textareas. */
/* Why? */
/*textarea {
    resize: vertical;
}*/

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

label {
    display: block;
    margin-right: 8px;
    color: #2d2d2d;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

#footerHelpIcon {
    cursor: pointer;
}

#footerHelpIcon i {    
    font-size: 18px;
    color: #5e5e5e;
    margin-right: 4px;
}

input[type='text'], input[type='password'], input[type='search'], input[type='email'], input[type='datetime'], select[multiple], textarea {
    padding: 10px 8px;
    border: 1px solid #d1d1d4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    outline: none;
    -moz-outline-style: none;
    -moz-appearance: none;
}

select[multiple] option {
    margin-top: 3px;
    padding: 2px 3px 1px;
}

textarea {
    padding: 10px 8px !important;
}

input[type='submit'], input[type='button'].ok {
    display: block;
}

label {
    margin-top: 1em;
    margin-bottom: 2em;
}

.advanced-filter label {
    margin-bottom: 0;
}

input.warning,
select.warning,
textarea.warning,
.selector.warning {
    border-color: #f39c12 !important;
    background-color: #ffedd0 !important;
}

input.error,
select.error,
textarea.error,
.selector.error {
    border-color: #ee7b6f !important;
    background-color: #fceeed !important;
}

textarea + input[type='submit'] {
    display: block !important;
}

span.ceActionIcons {
    cursor: pointer;
}

/* Common classes (reusable) */
.HeaderTitleIcon {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 36px;
    background-position: center 5px;
    background-repeat: no-repeat;
}

.sa-icon {
    display: inline-block;
    text-decoration: none !important;
}
/* stand-alone icons (without visual text label) */
.header-icon-person {
    background-image: url('/_sysimages/crm_contactType_person.png');
}

.header-icon-company {
    background-image: url('/_sysimages/crm_contactType_org.png');
}

.icon-angle-down {
    line-height: 10px;
    vertical-align: top;
}

.icon-up-dir, .icon-right-dir, .icon-down-dir, .icon-left-dir {
    font-size: 20px;
}

.p2p2 .hide {
    display: none !important;
}

/*.fadedIn { 
    transition: opacity 400ms;
}

.fadedOut {
    opacity: 0;
}*/

.count {
    display: inline-block;
    color: #fff;
    background-color: #037bc0;
    font-size: 11px;
    line-height: 19px;
    text-align: center;
    min-width: 2.2em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -moz-box-shadow: inset 1px 1px 2px #c34c41;
    -webkit-box-shadow: inset 1px 1px 2px #993b32;
    box-shadow: inset 1px 1px 2px #993b32;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.3);
}

.noCount {
    background-color: #a0a0a0 !important;
    -moz-box-shadow: inset 1px 1px 2px #606060;
    -webkit-box-shadow: inset 1px 1px 2px #606060;
    box-shadow: inset 1px 1px 2px #606060;
}

.viewed {
    background-color: #a0a0a0 !important;
    -moz-box-shadow: inset 1px 1px 2px #606060;
    -webkit-box-shadow: inset 1px 1px 2px #606060;
    box-shadow: inset 1px 1px 2px #606060;
}

.notifications > .dropdown {
    max-height: 400px;
    overflow: auto;
}

.acknowledgedNotification {
    background-color: #f0f0f0 !important;
}

#systemNotification ul li.notificationListItem:hover {
    cursor: pointer;
}

.favorite {
    display: block;
    width: 24px;
    height: 24px;
    font-size: 14px;
    text-align: center;
    color: #888 !important;
}

.favorite:hover, .favorite.saved {
    color: #ec1d27 !important;
}

.favorite.saved:hover {
    color: #888 !important;
}

.status.available {
    color: #aceb63;
}

.status.away {
    color: #f9e681;
}

.status.busy {
    color: #ff9683;
}

.status.offline {
    color: #aba8b0;
}

.more {
    text-transform: uppercase;
    margin-top: 1em;
}

div.uiMessage,
div.success,
div.error:not(.selector, .searchableDropDownButtons),
div.warning,
div.information {
    color: #fff !important;
    padding: .5em 1em;
    margin-bottom: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.875em; /* 14px */
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    div.uiMessage a:link, div.uiMessage a:active, div.uiMessage a:visited {
        color: white !important;
        text-decoration: underline !important;
    }

div.uiMessageContainer div.uiMessage:last-child {
    margin-bottom: 2em !important;
}

#mcTopMessageContainer div.uiMessage:last-child {
    margin-bottom: 2em !important;
}

div.success {
    background-color: #8bc53f;
    -webkit-box-shadow: 0px -2px 0px 0px #67b71b;
    box-shadow: 0px -2px 0px 0px #67b71b;
}

div.error {
    background-color: #e84c3d;
    -webkit-box-shadow: 0px -2px 0px 0px #ce4535;
    box-shadow: 0px -2px 0px 0px #ce4535;
}

div.warning {
    background-color: #f39c12;
    -webkit-box-shadow: 0px -2px 0px 0px #d38406;
    box-shadow: 0px -2px 0px 0px #d38406;
}

div.information {
    background-color: #3498db;
    -webkit-box-shadow: 0px -2px 0px 0px #227bb7;
    box-shadow: 0px -2px 0px 0px #227bb7;
}

    div.success .sa-icon, div.error .sa-icon, div.warning .sa-icon, div.information .sa-icon {
        color: #fff !important;
        font-size: 18px;
        vertical-align: bottom; /* ce4535 */
    }

div.fluidWidthRightColumn {
    margin-top: 1em;
}

div.chart {
    background-color: #fff;
}

#ListingScreenTable div.chart {
    background-color: inherit;
}

/*Hide the dreaded Flot cannot show pie label error*/
div.pieChartContainer > div.error {
    display:none;
}

.quiet {
    font-family: ProximaNova-Regular;
    font-size: 90%;
}

.required {
    color: #ed1c24;
}

.footnote {
    font-size: 78% !important;
    color: #999;
}

.right {
    float: right;
}

.left {
    float: left;
}

/*NOTE: javascript manipulation required to set classes for backwards compatibility with non-ajax panels*/
/* remove javascript and convert this to fieldset.group... after all non-ajax tab tables are removed or all elements are converted from left to tabOptionsTop*/
fieldset.ajaxTabPanels > div.left, fieldset.ajaxTabPanels > p.left, fieldset.group > div.tabOptionsTop, fieldset.group > p.tabOptionsTop {
    position: absolute;
    z-index: 10;
}

.contentblock {
    width: 80%;
}

.marginright {
    margin-right: 10px !important;
}

.marginleft {
    margin-left: 10px;
}

.margintop {
    margin-top: 10px;
}

.marginbottom {
    margin-bottom: 10px;
}

.contactReadOnlyCustomFieldValues {
    display: inline-block;
    margin-top: 1em;
    float: left;
}

span.sensitiveInfoLastFour {
    float: left;
    margin-top: 18px;
    margin-left: 10px;
}

/* jQuery Tiny Scrollbar (reusable) */
#leftVerticalNavContainer {
    height: 100%;
}
 
.noSelect {
    user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
}

/* Typography */
h1, h2, h3, h4, h5 {
    /*font-family: ProximaNova-Semibold;*/
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

h2 {
    font-size: 1.25em; /* 20px */
    line-height: 1.8em; /* 36px */
    margin-top: /*0.9em*/ 0;
    margin-bottom: 0;
}

h3 {
    font-size: 0.75em; /* 12px */
    line-height: 1.5em; /* 18px */
    margin-top: 1.5em;
    margin-bottom: 0;
    text-transform: uppercase;
}

h4 {
    font-size: 1.0625em; /* 17px */
    line-height: 1.0588em; /* 18px */
    margin-top: 1.0588em;
    margin-bottom: 0;
}

ul, ul li, dl, dd, dt {
    margin: 0;
    padding: 0;
    list-style: none;
}

h3.success {
    color: #67b71b;
    font-weight: bold;
}

h3.error {
    color: #ce4535;
    font-weight: bold;
}

h3.warning {
    color: #d38406;
    font-weight: bold;
}

h3.information {
    color: #227bb7;
    font-weight: bold;
}

button.error {
    border: 1px solid #ce4535 !important;
}

/* Banner main with common elements */
#banner {
    position: fixed;
    width: 100%;
    background-color: #fff; /*height: 3.125em;*/
    height: 50px;
    z-index: 5;
    border-bottom: 1px solid #d1d1d4;
}

body.modal-open #banner {
    z-index: 1;
}

#banner a {
    color: #353439;
    text-transform: uppercase;
    font-size: .75em;
    line-height: 50px;
}

#banner .sa-icon {
    font-size: 20px;
}

#banner .icon-angle-down {
    display: inline-block;
    padding-top: 13px;
}

#banner form.search {
    float: left;
    margin: 9px 0 0 20px;
}

    #banner form.search input {
        width: 225px;
        margin-top: 2px;
        padding: 7px 8px 4px 32px;
        background: #fff url('/_images/icon-search.png') no-repeat 10px 7px;
        font-size: 13px;
        color: #333;
        -moz-transition: width 0.2s ease-in-out 0s;
        -webkit-transition: width 0.2s ease-in-out 0s;
        transition: width 0.2s ease-in-out 0s;
    }

        #banner form.search input:focus {
            width: 335px;
            background-position: 10px -33px;
        }

#banner h1 {
    float: left;
    margin: 0;
}

    #banner h1 a {
        display: inline-block;
        line-height: 50px;
        margin: 0 48px 0 20px;
    }

        #banner h1 a img {
            vertical-align: text-bottom;
        }

/* Top-level nav parents */
#banner > ul {
    float: right;
}

    #banner > ul > li {
        float: left;
        position: relative;
    }

        #banner > ul > li > a {
            display: block;
            float: left;
            margin: 0 26px 0 0;
            -moz-transition: color 0.2s ease-in-out 0s;
            -webkit-transition: color 0.2s ease-in-out 0s;
            transition: color 0.2s ease-in-out 0s;
        }

        #banner > ul > li.account > a {
            font-family: ProximaNova-Bold;
        }

            #banner > ul > li.account > a .icon-angle-down {
                font-size: 20px;
            }

        #banner > ul > li.hover > a {
            height: 51px;
            position: relative;
            z-index: 6;
            color: #000;
            background: url('/_images/bg-dropdown.gif') no-repeat center bottom;
        }


.chat .thread dl {
    padding: 1.75em 20px 1.25em 16px;
    border-bottom: 1px solid #ebecec;
}

.chat .thread dt {
    position: relative;
    font-size: 1.125em; /* 18px */
    font-family: ProximaNova-Semibold;
    color: #353439;
    line-height: 1em; /* 18px */
    padding-left: 65px;
}

    .chat .thread dt img {
        position: absolute;
        left: 0;
        top: -5px;
    }

.chat .thread dd {
    font-size: 0.875em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin-top: 1.2857em;
    margin-bottom: 0;
    padding-left: 65px;
}

.chat .thread time {
    float: right;
    font-size: .667em;
    font-family: ProximaNova-Regular;
    color: #b2b2b2;
    text-transform: uppercase;
}

.chat .thread a {
    display: inline;
}

/* Primary navigation (left sidebar) */
nav.site {
    position: fixed;
    width: 223px;
    top: 50px;
    z-index: 2;
    background-color: #3b3a3f;
}

body.modal-open nav.site {
    z-index: 1;
}

.app nav.site #main-menu a {
    border-bottom: 1px solid;
}

.app nav.site footer {
    border-top: 1px solid;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    z-index: 2;
}

.app.contacts nav.site, .app.contacts nav.site footer {
    background-color: #3bae78;
}

    .app.contacts nav.site header, .app.contacts nav.site #main-menu a:hover, .app.contacts nav.site #main-menu a.current {
        background-color: #54d197;
    }

    .app.contacts nav.site #main-menu a {
        border-color: #45bc84;
    }

    .app.contacts nav.site footer {
        border-color: #54d197;
    }

        .app.contacts nav.site footer > h3, .app.contacts nav.site footer li:hover > a, .app.contacts nav.site footer .active > a {
            color: #69e4ab !important;
        }

.app.donations nav.site, .app.donations nav.site footer {
    background-color: #13aab9;
}

    .app.donations nav.site header, .app.donations nav.site #main-menu a:hover, .app.donations nav.site #main-menu a.current {
        background-color: #29c0ce;
    }

    .app.donations nav.site #main-menu a {
        border-color: #1cb3c1;
    }

    .app.donations nav.site footer {
        border-color: #29c0ce;
    }

        .app.donations nav.site footer > h3, .app.donations nav.site footer li:hover > a, .app.donations nav.site footer .active > a {
            color: #39dae9 !important;
        }

.app.campaigns nav.site, .app.campaigns nav.site footer {
    background-color: #502771;
}

    .app.campaigns nav.site header, .app.campaigns nav.site #main-menu a:hover, .app.campaigns nav.site #main-menu a.current {
        background-color: #66358f;
    }

    .app.campaigns nav.site #main-menu a {
        border-color: #592d7d;
    }

    .app.campaigns nav.site footer {
        border-color: #66358f;
    }

        .app.campaigns nav.site footer > h3, .app.campaigns nav.site footer li:hover > a, .app.campaigns nav.site footer .active > a {
            color: #814dac !important;
        }

.app.events nav.site, .app.events nav.site footer {
    background-color: #c5a704;
}

    .app.events nav.site header, .app.events nav.site #main-menu a:hover, .app.events nav.site #main-menu a.current {
        background-color: #dcbe19;
    }

    .app.events nav.site #main-menu a {
        border-color: #ceb00c;
    }

    .app.events nav.site footer {
        border-color: #dcbe19;
    }

        .app.events nav.site footer > h3, .app.events nav.site footer li:hover > a, .app.events nav.site footer .active > a {
            color: #efd12a !important;
        }

.app.advocacy nav.site, .app.advocacy nav.site footer {
    background-color: #c95d05;
}

    .app.advocacy nav.site header, .app.advocacy nav.site #main-menu a:hover, .app.advocacy nav.site #main-menu a.current {
        background-color: #e17823;
    }

    .app.advocacy nav.site #main-menu a {
        border-color: #d36811;
    }

    .app.advocacy nav.site footer {
        border-color: #e17823;
    }

        .app.advocacy nav.site footer > h3, .app.advocacy nav.site footer li:hover > a, .app.advocacy nav.site footer .active > a {
            color: #f18a37 !important;
        }

.app.online nav.site, .app.online nav.site footer {
    background-color: #a60549;
}

    .app.online nav.site header, .app.online nav.site #main-menu a:hover, .app.online nav.site #main-menu a.current {
        background-color: #c12768;
    }

    .app.online nav.site #main-menu a {
        border-color: #b11355;
    }

    .app.online nav.site footer {
        border-color: #c12768;
    }

        .app.online nav.site footer > h3, .app.online nav.site footer li:hover > a, .app.online nav.site footer .active > a {
            color: #e24587 !important;
        }

.app.merchandise nav.site, .app.merchandise nav.site footer {
    background-color: #007bb4;
}

    .app.merchandise nav.site header, .app.merchandise nav.site #main-menu a:hover, .app.merchandise nav.site #main-menu a.current {
        background-color: #10a2e6;
    }

    .app.merchandise nav.site #main-menu a {
        border-color: #068bc8;
    }

    .app.merchandise nav.site footer {
        border-color: #10a2e6;
    }

        .app.merchandise nav.site footer > h3, .app.merchandise nav.site footer li:hover > a, .app.merchadise nav.site footer .active > a {
            color: #1daef1 !important;
        }

.app.accounting nav.site, .app.accounting nav.site footer {
    background-color: #5e8905;
}

    .app.accounting nav.site header, .app.accounting nav.site #main-menu a:hover, .app.accounting nav.site #main-menu a.current {
        background-color: #75a315;
    }

    .app.accounting nav.site #main-menu a {
        border-color: #67930b;
    }

    .app.accounting nav.site footer {
        border-color: #75a315;
    }

        .app.accounting nav.site footer > h3, .app.accounting nav.site footer li:hover > a, .app.accounting nav.site footer .active > a {
            color: #8fbe2d !important;
        }

.app.reports nav.site, .app.reports nav.site footer {
    background-color: #027f6f;
}

    .app.reports nav.site header, .app.reports nav.site #main-menu a:hover, .app.reports nav.site #main-menu a.current {
        background-color: #13a08e;
    }

    .app.reports nav.site #main-menu a {
        border-color: #098c7b;
    }

    .app.reports nav.site footer {
        border-color: #13a08e;
    }

        .app.reports nav.site footer > h3, .app.reports nav.site footer li:hover > a, .app.reports nav.site footer .active > a {
            color: #29ab9a !important;
        }

.app.automation nav.site, .app.automation nav.site footer {
    background-color: #59341f;
}

    .app.automation nav.site header, .app.automation nav.site #main-menu a:hover, .app.automation nav.site #main-menu a.current {
        background-color: #774f38;
    }

    .app.automation nav.site #main-menu a {
        border-color: #653f29;
    }

    .app.automation nav.site footer {
        border-color: #774f38;
    }

        .app.automation nav.site footer > h3, .app.automation nav.site footer li:hover > a, .app.automation nav.site footer .active > a {
            color: #936449 !important;
        }

/* Default catch-all (Settings, SEM) */
.app nav.site, .app nav.site footer {
    background-color: #3b3a3f;
}

    .app nav.site #main-menu a:hover, .app nav.site #main-menu a.current {
        background-color: #313035;
    }

    .app nav.site #main-menu a {
        border-color: #37363b;
    }

    .app nav.site footer {
        border-color: #313035;
    }

/* Collapsed primary navigation (left sidebar) */
nav.site .collapsed.sa-icon {
    display: none;
}

nav.site #collapse-menu {
    position: absolute;
    left: 225px;
    top: 1.88em;
    width: 24px;
    text-align: center;
}

    nav.site #collapse-menu i {
        display: inline-block;
        font-size: 14px;
        color: #c3c3c3;
        width: 10px;
    }

    nav.site #collapse-menu:hover i {
        color: #3b393f;
        cursor: pointer;
    }

.collapsed-menu {
    background-image: none !important;
}

    .collapsed-menu nav.site {
        display: block; /* !important - REMOVED - note that this overrides javascript inline manipulation - e.g. element.hide() */
        width: 60px;
        height: 100%;
    }

        .collapsed-menu nav.site * {
            display: none;
        }

        .collapsed-menu nav.site:hover {
            cursor: pointer;
        }

    .collapsed-menu #main .wrap {
        margin-left: 60px;
    }

    .collapsed-menu .collapsed.sa-icon {
        display: block !important;
        font-size: 24px;
        color: #fff;
        text-align: center;
        background-color: #313035;
        width: 60px;
        height: 45px;
        padding-top: 15px;
    }
        /* Collapsed module app icon */
        .collapsed-menu .collapsed.sa-icon.app {
            position: absolute;
            top: 60px;
            left: 0;
        }

    .collapsed-menu.skinny-nav nav.site *:not(style) {
        display: block;
    }

    .collapsed-menu.skinny-nav .collapsed.sa-icon *,
    .collapsed-menu.skinny-nav nav.site #quicklinks .menu li {
        display: inline-block;
    }

    .collapsed-menu.skinny-nav nav.site #quicklinks h2,
    .collapsed-menu.skinny-nav nav.site footer > h3,
    .collapsed-menu.skinny-nav nav.site footer li#helpCenterLink,
    .collapsed-menu.skinny-nav nav.site footer li#feedbackLink,
    .collapsed-menu.skinny-nav nav.site footer li#live-support script {
        display: none;
    }

    .collapsed-menu.skinny-nav nav.site footer {
        width: 60px;
        height: 54px;
    }

#live-support.active {
    background: url('/_images/bg-dropdown-sideways.gif') no-repeat right center;
}

    #live-support:hover > a, #live-support.active > a {
        color: #7fc145;
    }

    #live-support.active .dropdown {
        width: 458px;
        min-height: 300px;
        border-left: none;
        border-top: 1px solid #cdcdcd;
        border-bottom: none;
        left: 223px;
        top: inherit;
        bottom: 0;
        opacity: 1;
        -webkit-box-shadow: 2px -1px 3px rgba(50, 50, 50, 0.3);
        -moz-box-shadow: 2px -1px 3px rgba(50, 50, 50, 0.3);
        box-shadow: 2px -1px 3px rgba(50, 50, 50, 0.3);
        cursor: auto;
    }

#live-support h3 {
    margin-top: 0;
    font-size: 1.25em; /* 20px */
    line-height: 2.5em;
    color: #9e9fa1;
    text-transform: none;
    background-color: #353439;
}

    #live-support h3 .actions {
        position: absolute;
        right: 15px;
    }

        #live-support h3 .actions img {
            margin-right: 20px;
        }

#live-support .dropdown .tabs .menu a:hover {
    color: #7fc145 !important;
}

#live-support .dropdown .tabs .panel {
    border: none;
}

#live-support .dropdown form {
    padding: 1.75em 28px 1.25em 28px;
}

#live-support .dropdown select {
    width: 100%;
    margin-top: 0;
    box-sizing: border-box;
}

#live-support .dropdown input[type='text'] {
    width: 100%;
    margin-top: 0;
    box-sizing: border-box;
}

#live-support .dropdown textarea {
    width: 100%;
    height: 50px;
    margin-top: 0;
    margin-bottom: 10px;
    box-sizing: border-box;
}

#live-support #supportFooterLinks {
    padding: 18px 0 19px;
    width: 100%;
    background: #313035;
    text-align: center;
    float: left;
}

    #live-support #supportFooterLinks .support-link {
        display: inline-block;
        margin: 0;
        width: 32%;
    }

    .collapsed-menu.skinny-nav nav.site footer li#live-support {
        height: 0;
    }

    .collapsed-menu.skinny-nav #live-support.active .dropdown {
        left: 60px;
    }

    .collapsed-menu.skinny-nav #live-support h3 .actions {
        top: 17px;
    }


@media (max-width: 458px) {

    #live-support.active .dropdown {
        width: 100%;
        position: fixed;
        left: 0;
    }

    .collapsed-menu.skinny-nav #live-support.active .dropdown {
        left: 0;
    }
}

.contacts .collapsed.sa-icon.app {
    background-color: #54d197 !important;
}

.donations .collapsed.sa-icon.app {
    background-color: #29c0ce !important;
}

.campaigns .collapsed.sa-icon.app {
    background-color: #66358f !important;
}

.events .collapsed.sa-icon.app {
    background-color: #dcbe19 !important;
}

.advocacy .collapsed.sa-icon.app {
    background-color: #e17823 !important;
}

.online .collapsed.sa-icon.app {
    background-color: #c12768 !important;
}

.merchandise .collapsed.sa-icon.app {
    background-color: #10a2e6 !important;
}

.accounting .collapsed.sa-icon.app {
    background-color: #75a315 !important;
}

.reports .collapsed.sa-icon.app {
    background-color: #13a08e !important;
}

.automation .collapsed.sa-icon.app {
    background-color: #774f38 !important;
}

.settings .collapsed.sa-icon.app {
    background-color: #3b3a3f !important;
}

/* Collapsed support icon */
.collapsed-menu:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    position: absolute;
    bottom: 50px;
    border-top: 1px solid #313035;
}

.contacts:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #3bae78;
    border-color: #4dc69c;
}

.donations:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #13aab9;
    border-color: #19c4ce;
}

.campaigns:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #502771;
    border-color: #683393;
}

.events:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #c5a704;
    border-color: #d7c205;
}

.advocacy:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #c95d05;
    border-color: #d97907;
}

.online:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #a60549;
    border-color: #c1075f;
}

.merchandise:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #007bb4;
    border-color: #00a0cb;
}

.accounting:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #5e8905;
    border-color: #7aad07;
}

.reports:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #027f6f;
    border-color: #03a591;
}

.automation:not(.skinny-nav) .collapsed.sa-icon + .collapsed.sa-icon {
    background-color: #59341f;
    border-color: #744428;
}

.collapsed-menu .collapsed.sa-icon * {
    display: inline-block;
}
 
.skinny-nav #skinnySupport {
    position: absolute;
    bottom: 50px;
    border-top: 1px solid #313035;
    z-index: 1;
}

#quickActionsPopover {
    top: 8px !important;
    width: 645px !important;
}

#quickSearchPopover {
    top: 8px !important;
    width: 508px !important;
}

    #quickActionsPopover a,
    #quickSearchPopover a {
        padding: 0;
        color: #037bc0;
        font-size: 14px;
        line-height: 2em;
        display: inline;
    }

        #quickActionsPopover a:hover,
        #quickSearchPopover a:hover {
            text-decoration: underline;
        }

#quickActionsPopover.popover.popover-right::before,
#quickActionsPopover.popover.popover-right::after,
#quickActionsPopover.popover.bs-tether-element-attached-left::before,
#quickActionsPopover.popover.bs-tether-element-attached-left::after {
    top: 33px;
}

#quickSearchPopover.popover.popover-right::before,
#quickSearchPopover.popover.popover-right::after,
#quickSearchPopover.popover.bs-tether-element-attached-left::before,
#quickSearchPopover.popover.bs-tether-element-attached-left::after {
    top: 84px;
}

/* height is dynamic JavaScript */
#main-menu .scrollbar {
    position: absolute;
    right: 0;
    z-index: 2;
    background-image: none;  
    width: 8px;
    background-color: #2f2e32;
}

.contacts #main-menu .scrollbar {
    background-color: #3e9666;
}

.donations #main-menu .scrollbar {
    background-color: #31949f;
}

.campaigns #main-menu .scrollbar {
    background-color: #471c63;
}

.events #main-menu .scrollbar {
    background-color: #a89315;
}

.advocacy #main-menu .scrollbar {
    background-color: #a84f12;
}

.online #main-menu .scrollbar {
    background-color: #87003d;
}

.merchandise #main-menu .scrollbar {
    background-color: #246799;
}

.accounting #main-menu .scrollbar {
    background-color: #4d730b;
}

.reports #main-menu .scrollbar {
    background-color: #1c695a;
}

.automation #main-menu .scrollbar {
    background-color: #452a1a;
}
 
nav.site a {
    display: block;
    padding: 0 12px 0 18px;
    color: #eee;
    font-size: .8125em /* 13px */;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

nav.site a.current, nav.site a:hover {
    color: #fff;
}

nav.site .config, nav.site h3, nav.site .support li {
    padding: 0 12px 0 18px;
}

nav.site h3 {
    color: #858585;
}

nav.site li.root > a {
    text-transform: uppercase;
}

    nav.site li.root > a i {
        color: #616161;
    }

/* Quick Actions */
#topRightQuickActionsContainer a {
    display: inline;
    padding: 0;
    font-size: 1em /* 13px*/;
    color: #037bc0;
    line-height: 25px;
}

/* Quick Links */
#quicklinks {
    position: relative;
    z-index: 100;
}

    #quicklinks h2 a {
        font-family: 'Open Sans', sans-serif;
        font-size: .65em;
        font-weight: normal;
        padding: 0 12px 0 20px;
        line-height: 75px;
        text-transform: uppercase;
        background-color: #313035;
    }

    #quicklinks h2 .icon-angle-down {
        line-height: 75px;
        float: right;
    }

    #quicklinks .dropdown-open {
        top: 73px;
        left: 0;
        width: 650px;
        border-left: none;
        border-color: #cfcfcf;
        opacity: 1;
    }

.skinny-nav #quicklinks .dropdown-open {
    top: -2px;
}

.js .tabs.preloaded .panel {
    display: none;
}

.js .tabs.preloaded .menu + .panel {
    display: block;
}

#quicklinks .panel ul {
    padding: 20px;
}

#quicklinks .panel li {
    font-size: .8125em; /* 13px */
}

#quicklinks .panel a {
    display: inline;
    padding: 0;
    font-size: 1em /* 13px*/;
    color: #037bc0;
}

    #quicklinks .panel a:hover {
        text-decoration: underline;
    }

#quicklinks .panel .root {
    color: #848484;
    font-size: .92em /* 12px */;
}

#quicklinks .panel #QuickActions .root,
#quicklinks .panel #QuickSearch .root {
    display: inline;
}

#quicklinks #ql-apps.panel img {
    display: inline;
}

#ql-favorites li, #ql-visited li, #ql-apps li {
    float: left;
    width: 33%;
    margin-bottom: 1em;
    height: 3.38em;
}

#ql-favorites a, #ql-favorites .root, #ql-visited a, #ql-visited .root {
    display: block;
    line-height: 1em;
}

#ql-history li {
    position: relative;
    padding-right: 6em;
    margin-bottom: 1em;
}

#ql-history time {
    position: absolute;
    right: 0;
    top: 0;
    color: #a3a3a3;
}

#ql-apps span {
    display: block;
    float: left;
    height: 35px;
    width: 35px;
    background-color: #888;
    text-align: center;
}

#ql-apps img {
    margin-top: 7px;
}

#ql-apps li > a {
    display: block;
    float: left;
    margin-top: 3px;
    margin-left: 10px;
    line-height: 1.38em;
    color: #676767 !important;
}


@media (max-width: 767px) {
    #quicklinks .dropdown {
        width: 223px;
    }

        #quicklinks .dropdown ul.menu {
            display: none;
        }

        #quicklinks .dropdown #ql-apps ul.group {
            margin: auto;
            text-align: center;
        }

        #quicklinks .dropdown #ql-apps span {
            float: none;
            margin: auto;
        }

        #quicklinks .dropdown #ql-apps ul.group li > a {
            display: none;
        }

    #QuickActions {
        display: none !important;
    }

    #ql-apps {
        display: block !important;
    }
}
/* Apps (modules) navigation (homepage) with color adoptions elswhere (qucklinks, switches)  */
nav.site .apps {
    width: 223px;
}

    nav.site .apps a {
        position: relative;
        border-left-width: 5px;
        border-left-style: solid;
        line-height: 4.23em /* 55px */;
        padding-left: 61px;
    }

        nav.site .apps a.double {
            line-height: 1.07em /* 14px */;
            padding-top: 1.07em;
            padding-bottom: 1.25em;
        }

        nav.site .apps a img {
            position: absolute;
            left: 17px;
            opacity: .77;
        }

.collapsed-menu.skinny-nav nav.site .apps a img {
    left: 12px;
}

        nav.site .apps a:hover img {
            opacity: 1;
        }

    nav.site .apps .count {
        position: absolute;
        right: 15px;
        top: 1.55em;
    }

    nav.site .apps .contacts a {
        border-color: #54d197;
    }

        nav.site .apps .contacts a:hover, #ql-apps .contacts span, #config li.contacts > span {
            background-color: #54d197;
        }

        nav.site .apps .contacts a img {
            top: 1.35em;
        }

    nav.site .apps .donations a {
        border-color: #29c0ce;
    }

        nav.site .apps .donations a:hover, #ql-apps .donations span, #config li.donations > span {
            background-color: #29c0ce;
        }

        nav.site .apps .donations a img {
            top: 1.2em;
        }

    nav.site .apps .campaigns a {
        border-color: #66358f;
    }

        nav.site .apps .campaigns a:hover, #ql-apps .campaigns span, #config li.campaigns > span {
            background-color: #66358f;
        }

        nav.site .apps .campaigns a img {
            top: 1.35em;
        }

    nav.site .apps .events a {
        border-color: #dcbe19;
    }

        nav.site .apps .events a:hover, #ql-apps .events span, #config li.events > span {
            background-color: #dcbe19;
        }

        nav.site .apps .events a img {
            top: 1.2em;
        }

    nav.site .apps .advocacy a {
        border-color: #e17823;
    }

        nav.site .apps .advocacy a:hover, #ql-apps .advocacy span, #config li.advocacy > span {
            background-color: #e17823;
        }

        nav.site .apps .advocacy a img {
            top: 1.62em;
        }

    nav.site .apps .online a {
        border-color: #c12768;
    }

        nav.site .apps .online a:hover, #ql-apps .online span, #config li.online > span {
            background-color: #c12768;
        }

        nav.site .apps .online a img {
            top: 1.41em;
        }

    nav.site .apps .merchandise a {
        border-color: #10a2e6;
    }

        nav.site .apps .merchandise a:hover, #ql-apps .merchandise span, #config li.merchandise > span {
            background-color: #10a2e6;
        }

        nav.site .apps .merchandise a img {
            top: 1.35em;
        }

    nav.site .apps .accounting a {
        border-color: #75a315;
    }

        nav.site .apps .accounting a:hover, #ql-apps .accounting span, #config li.accounting > span {
            background-color: #75a315;
        }

        nav.site .apps .accounting a img {
            top: 1.35em;
        }

    nav.site .apps .reports a {
        border-color: #13a08e;
    }

        nav.site .apps .reports a:hover, #ql-apps .reports span, #config li.reports > span {
            background-color: #13a08e;
        }

        nav.site .apps .reports a img {
            top: 1.5em;
        }

    nav.site .apps .automation a {
        border-color: #774f38;
    }

        nav.site .apps .automation a:hover, #ql-apps .automation span, #config li.automation > span {
            background-color: #774f38;
        }

        nav.site .apps .automation a img {
            top: 1.5em;
        }

    nav.site .apps .configuration a:hover {
        background-color: #313035;
    }

/* Show / hide apps */
nav.site .config {
    margin-top: 0;
    padding-top: 1em;
    border-top: 1px solid #333;
}

    nav.site .config a {
        display: inline;
        padding: 0;
        color: #858585;
        text-transform: uppercase;
    }

        nav.site .config a:hover {
            color: #7fc145;
        }

#config p {
    font-size: 0.875em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin-top: 1.2857em;
    margin-bottom: 0;
}

#config li {
    float: left;
    width: 275px;
    margin: 0 10px;
    font-size: 0.8125em; /* 13px */
    line-height: 35px; /* 18px */
    margin-top: 1.3846em;
    margin-bottom: 0;
}

    #config li > span {
        display: block;
        float: left;
        height: 35px;
        width: 35px;
        margin-right: 10px;
        background-color: #888;
        text-align: center;
    }

#config div.ui-switch {
    float: right;
}

#config .ui-switch-on:hover, #config .ui-switch-off:hover {
    text-decoration: none !important;
}

#config input {
    margin-top: 2em !important;
}

#config #sb-loading {
    display: none;
}

#config .sb-close {
    display: inline-block;
    position: absolute;
    z-index: 1000;
    right: 0;
    top: 4px;
    font-size: 26px;
    color: #d1d0d4;
    width: 37px;
    height: 25px;
}

#config .sb-close:hover {
    color: #aaa;
}

/* App module navigation items */
.app nav.site header h3 {
    position: relative;
    padding: 23px 30px 21px 60px;
    margin: 2px 0 1px;
    color: #fff;
    font-size: 1em /*16px*/;
    line-height: 1.25em /* 20px */;
    text-transform: none;
}

.app nav.site header h3.editScreenMode { 
    padding-left: 10px; 
}

.app nav.site header h3 img {
    position: absolute;
    top: 1.25em;
    left: 18px;
}
 
a.editViewCurrent {
    font-weight: bold !important;
    text-decoration: none;
}

.app.events nav.site header h3 img {
    top: 1.9em;
}

.app.advocacy nav.site header h3 img {
    top: 1.5em;
}

.app.online nav.site header h3 img {
    top: 1.45em;
}

.app.merchandise nav.site header h3 img {
    top: 1.9em;
}

.app.reports nav.site header h3 img {
    top: 2.35em;
}

.app.automation nav.site header h3 img {
    top: 2.15em;
}
/* Other navigation items */
.app.settings nav.site header h3 {
    border-bottom: 1px solid #37363b;
}

.app.sem nav.site header h3 {
    padding: 10px 22px 12px 15px;
    border-bottom: 1px solid #37363b;
}

.app.sem nav.site header h3 select, .app.sem nav.site header h3 .selector {
    float: none;
    margin-top: 0;
}

.app nav.site #main-menu a {
    position: relative;
    padding: 15px 30px 13px 15px;
    font-family: 'Open Sans', sans-serif;
    font-size: 0.8125em;
    line-height: 1.25em;
}

.app nav.site #main-menu a i {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: 16px;
    opacity: .65;
}

.app nav.site #main-menu li.active > a i, .app nav.site #main-menu a.current i {
    opacity: 1;
}

.app nav.site #main-menu li {
    padding-left: 5px;
}

.app nav.site #main-menu li li {
    padding-left: 0;
}

.app nav.site #main-menu li li a {
    padding-left: 35px;
}

.app nav.site #main-menu li li li a {
    padding-left: 55px;
}

.app nav.site #main-menu li li li li a {
    padding-left: 70px;
}

/* Support sticky footer (in primary navigation sidebar) */
nav.site footer {
    position: fixed;
    background-color: #3b3a3f;
    width: 223px;
    padding-top: 5px;
    bottom: 0;
    left: 0;
    -webkit-box-shadow: -1px -2px 5px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: -1px -2px 5px rgba(50, 50, 50, 0.75);
    box-shadow: -1px -2px 5px rgba(50, 50, 50, 0.75);
}

.lt-ie9 nav.site footer {
    border-top: 1px solid #333;
}

nav.site .support {
    margin-bottom: 1em;
}

nav.site .support li {
    margin-top: .5em;
}

nav.site .support a {
    display: inline;
    padding: 0;
}

nav.site .support a:hover, nav.site .support a.current {
    color: #7fc145;
}

nav.site .support .count {
    float: right;
    margin-top: .3em;
    margin-right: 3px;
}

/* Expanded help menu (right sidebar) */
/*hide for now (5.9.2022)*/
#help {
    display: none;
}
/*
.expanded-help #help {
    display: block;
}

.expanded-help #main .wrap {
    margin-right: 227px;
    border-right: 1px solid #d1d1d4;
}

#help {
    position: fixed;
    width: 226px;
    right: 0;
    top: 50px;
    z-index: 2;
}

#help .toolbar {
    background-color: #ececec;
}

#help .toolbar ul {
    margin: 0;
    padding: 12px 0 12px 20px;
}

#help .toolbar li {
    float: left;
    list-style: none;
}

#help .toolbar li a {
    border-left: 1px solid #6a696d;
    color: #3b3a3f;
    font-size: .92em;
    text-transform: uppercase;
    margin-left: 10px;
    padding-left: 7px;
}

#help .toolbar li:first-child a {
    border: none;
    margin: 0;
    padding: 0;
}

#help .toolbar li a:hover {
    color: #037bc0;
}

#help .toolbar li a:hover i {
    color: #3b3a3f;
}

#help .toolbar li a img {
    display: inline-block;
    margin-top: -5px;
    margin-right: 2px;
}*/

section.tips h3, section.tips p, section.tips ul, section.tips ol, section.tips a {
    color: #fff;
    font-family: ProximaNova-Semibold;
    text-transform: none;
}

#tips {
    display: none;
}

section.tips a {
    text-decoration: underline;
}

section.tips a:hover {
    text-decoration: none;
}

section.tips h3 {
    font-family: ProximaNova-Regular;
    font-size: 1.625em; /* 26px */
    line-height: 1.3846em; /* 36px */
    margin-top: 0.6923em;
    margin-bottom: 0;
}

section.tips a.sb-close {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 1em 1em 0 0;
    padding: 7px 25px 4px;
    border: 0 none;
    font-size: 16px;
    color: #fff;
    font-family: ProximaNova-Bold;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    background-color: #7fc145;
    -webkit-box-shadow: 0px 2px 0px 0px #67a72e;
    box-shadow: 0px 2px 0px 0px #67a72e;
}

section.tips a.sb-close:hover {
    background-color: #76b540;
    -webkit-box-shadow: 0px 2px 0px 0px #5e992a;
    box-shadow: 0px 2px 0px 0px #5e992a;
}

#help h2 {
    color: #353439;
    font-family: ProximaNova-Semibold;
    font-size: 1.0625em; /* 17px */
    line-height: 1.0588em; /* 18px */
    margin-top: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #d1d1d4;
    padding-bottom: .25em;
}

#help h3, #help strong {
    font-family: ProximaNova-Semibold;
    color: #353439;
    font-weight: 400;
}

#help h3, #help p, #help ul {
    font-size: 0.8125em; /* 13px */
    line-height: 1.6153em; /* 21px */
    margin-top: 1.3846em;
    margin-bottom: 0;
    text-transform: none;
}

#help h3 + p, #help h3 + ul {
    margin-top: 0;
}

#help ul {
    padding-left: 1em;
}

#help ul li {
    list-style: disc;
}

/* Stand-alone expandable tree for Shadowbox pages (SEM) */
.sb #main ul.sa-expandable {
    width: 50%;
    background-color: #3b3a3f;
}

.sb #main ul.sa-expandable a {
    display: block;
    position: relative;
    padding: 15px 30px 13px 15px;
    color: #fff;
    font-family: ProximaNova-Semibold;
    font-size: 0.8125em;
    line-height: 1.25em;
    border-bottom: 1px solid #37363b;
}

.sb #main ul.sa-expandable a:hover, .sb #main ul.sa-expandable a.current {
    background-color: #313035;
    text-decoration: none;
}

.sb #main ul.sa-expandable a i {
    position: absolute;
    top: 50%;
    margin-top: -.5em;
    right: 16px;
    opacity: .65;
}

.sb #main ul.sa-expandable li {
    padding-left: 5px;
}

.sb #main ul.sa-expandable li li {
    padding-left: 0;
}

.sb #main ul.sa-expandable li li a {
    padding-left: 35px;
}

.sb #main ul.sa-expandable li li li a {
    padding-left: 55px;
}

/* Content area common */
#content {
    padding-top: 50px;
}

#main {
    position: relative;
    width: 100%;
    z-index: 1;
    visibility: hidden;
}

#main .wrap {
    margin-left: 223px; /*border-top: 1px solid #d1d1d4; */
    padding: 24px 40px;
    /*background-color: #f1f1f2;*/
    background-color: #ffffff !important;
}

#main h2 {
    color: #353439;
    padding-bottom: .45em;
    border-bottom: 1px solid #d1d1d4;
}

#main a {
    color: #037bc0;
    cursor: pointer;
}

#main a[title] {
    cursor: help;
}

#main a:hover {
    text-decoration: underline;
}

#main a:link {
    cursor: pointer;
}

#main section {
    position: relative;
}

#main section + section {
    margin-top: 2.35em;
}

#main section .toolbar {
    position: absolute;
    top: 0;
    right: 0px;
    /*min-width: 412px;*/
}

#main section .actions {
    min-width: 0;
}

/*Preventing the toolbar from running into other elements on small screens*/
/*Expanding this to include other elements of topBanner in Mobile*/
@media all and (max-width: 1200px) {
    #main form .actions {
        position: relative;
        margin-top: 15px;
        margin-left: 0px;
    }
}

@media only screen and (max-width: 1200px) {
    #banner {
        min-width: 100%;
        max-width: fit-content;
    }
}

@media all and (max-width: 991px) {
    #banner.group {
        min-width: 100%;
        max-width: 991px;
    }

        #banner.group > ul {
            float: right;
        }

        #banner.group h1 {
            position: absolute;
            left: 0;
            top: 0;
            margin: 0;
            width: 60px;
            height: 100%;
        }

            #banner.group h1 #mc_logoLink {
                background-image: url('/_images/charityengine_gear_only_64x64.png');
                background-position: center;
                background-repeat: no-repeat;
                background-size: contain;
                width: 90%;
                height: 90%;
                margin: 5% !important;
            }

                #banner.group h1 #mc_logoLink img {
                    display: none;
                }

        #banner.group form.search {
            float: left;
            margin: 9px 0 0 70px;
        }
}

@media only screen and (max-width: 730px) {

    #main section .toolbar:not(.ce-grid-item) {
        position: relative;
        padding-bottom: 0;
    }

    #main section .actions {
        padding-bottom: 0px;
    }

    #main section .toolbar li.advanced-filter.active:after {
        bottom: -31px !important;
    }
}

@media all and (max-width: 625px) {
    #banner {
        min-width: 624px;
        width: 100%;
    }

        #banner > ul {
            margin-left: 50px;
            float: left;
        }

            #banner > ul > li > a {
                margin-right: 15px;
            }
}

#main section .favorite {
    position: absolute;
    top: 7px;
    left: 0;
}

#main section h2 + .favorite {
    top: .45em;
}

#main section .toolbar ul li {
    display: inline;
    margin-left: 8px;
    border-left: 1px solid #d3d3d6;
    padding-left: 8px;
    position: relative;
    float: left;
}

#main section .toolbar ul li:first-child {
    margin-left: 0;
    border-left: none;
}

#main section .toolbar li.advanced-filter.active:after {
    position: absolute;
    display: block;
    bottom: -33px;
    left: 50%;
    font-family: "Font Awesome 5 Pro";
    content: '\f0d8';
    color: #e2e2e2 !important;
    font-weight: bold;
    font-size: 30px;
}

#main section .toolbar a:not(.searchableDropDownOptions) {
    font-size: 0.8125em; /* 13px */
    padding: 0 12px;
    cursor: pointer;
}

@media only screen and (max-width: 730px) {
    #ToolbarActionsGroupBottom {
        right: inherit !important;
        margin-left: 0px !important;
        min-width: 240px;
    }
}

#ToolbarActionsGroupBottom a {
    cursor: pointer;
}

#main section .toolbar a.sa-icon {
    color: #353439;
    font-size: 16px;
    padding: 0;
}

#main section .toolbar .advanced-filter a, #main section .toolbar .more-tools a {
    padding-right: 0;
}

#main section .toolbar .more-tools .dropdown ul {
    padding: 0px 15px;
}

.mcTopRightToolBar {
    display: inline-block;
}

#main section .toolbar .mcTopRightToolBar li a i {
    vertical-align: middle;
}

@media only screen and (max-width: 730px) {
    .mcTopRightToolBar {
        min-width: 600px;
    }
}

@media only screen and (max-width: 730px) {

    #main section .toolbar:not(.ce-grid-item) {
        margin: 20px 0px 0px !important;
        min-width: 240px;
    }

    #main section .toolbar ul li {
        vertical-align: top;
        /*margin: 0;
        display: inline-block;
        width: 100%;
        /*border-left: none;
        padding-left: 0;
        position: initial;*/
        /*min-width: 600px;*/
    }

    #main section .toolbar ul li:first-child {
        padding-left: 0;
    }

    #main section .toolbar a:first-child {
        padding-left: 0;
    }

    #main section .toolbar ul li#RefreshResults,
    #main section .toolbar ul li.expand-help {
        margin-left: 8px;
        width: 30px;
    }

    /*Ensuring forms don't run into other elements in the same div in smaller resolutions*/
    .panel.tiered fieldset {
        width: 50% !important;
    }

    #main .advanced-filter fieldset.mini {
        position: relative !important;
    }

    #main .advanced-filter fieldset:not(.fullWidth) {
        width: 400px !important;
    }

}

.js #main .toolbar.search form.search {
    display: none;
}

#main .toolbar.search input {
    width: 200px;
    height: auto;
    margin-top: 2px;
    padding: 7px 8px 5px 32px;
    background: #fff url('/_images/icon-search.png') no-repeat 10px 7px;
    font-size: 13px;
    line-height: 15px;
}

#main section .tabs {
    margin-top: 1.25em;
}

    #main section .tabs h3 {
        padding: 16px 10px;
        background-color: #e5e6e6;
    }

#main .expand.sa-icon {
    color: #3b3a40;
}

    #main .expanded .expand.sa-icon, #main .expand.sa-icon:hover {
        color: #037bc0;
    }

/* Module app landing page index / directory layouts */
#main div.col {
    float: left;
    width: 31%;
    margin-right: 3%;
    margin-bottom: 2em;
}

#main div.skinny-select {
    display: inline-block;
}

    #main div.skinny-select select {
        width: 102px !important;
    }

#main div.col.skinny {
    width: 102px !important;
}

#main div.col.skinny div {
    width: 102px !important;
}

#main div.col.skinny div select {
    width: 102px !important;
}

#main div.col.medium {
    width: 120px !important;
}

#main div.col.medium div {
    width: 120px !important;
}

#main div.col.medium div select {
    width: 120px !important;
}

#main div.col + div.col + div.col {
    margin-right: 0;
}

#main div.col.large {
    width: 228px;
}

#main div.col.large input {
    width: 216px;
}

#main .index section {
    margin-top: 2em;
}

    #main .index section h3 {
        font-size: 1.125em;
        margin-top: 0;
        margin-bottom: .75em;
        text-transform: none;
        border-bottom: 1px solid #d4d4d4;
    }

    #main .index section ul {
        margin-left: 1em;
    }

    #main .index section li {
        list-style: square;
        line-height: 1.15em;
        margin-top: .5em;
        font-size: 14px;
    }

        #main .index section li a {
            color: #666;
        }

            #main .index section li a:hover {
                color: #353439;
            }

/* Multi-column text layouts */
#main section.cols .col-1 {
    float: left;
    width: 70%;
    margin-right: 4%;
}

#main section.cols .col-2 {
    float: left;
    width: 25%;
}

#main div.cols .col-header {
    float: left;
    width: 100%;
    clear: left;
}

#main div.cols .col-1 {
    float: left;
    width: 70%;
    margin-right: 3%;
}

#main div.cols .col-2 {
    float: left;
    width: 25%;
}

#main section.cols.equal .col-1 {
    width: 48%;
    margin-right: 4%;
}

#main section.cols.equal .col-2 {
    width: 48%;
}

#main section.app h2 a.back {
    display: inline-block;
    margin-right: 8px;
    font-size: .68em;
}

#main section.cols h3 a.viewall {
    display: inline-block;
    margin-left: 8px;
    font-size: .70em;
}

#main section.cols h3, #main section.cols p, #main section.cols ul, #main section.cols ol {
    font-size: 0.875em; /* 14px */
    line-height: 1.71em; /* 24px */
    margin-top: 1.71em;
    margin-bottom: 0;
    text-transform: none;
}

    #main section.cols ul h3, #main section.cols ul p, #main section.cols ul ul {
        font-size: 1em;
    }

#main section.cols h3 {
    margin-top: 1.5em;
}

#main section.cols section h3 {
    font-size: 1.0625em; /* 17px */
}

#main section.cols section article.full h3 {
    font-size: 1.25em; /* 20px */
    line-height: 1.8em; /* 36px */
    margin-top: 0.9em;
}

#main section.cols section h4 {
    font-size: 0.875em; /* 14px */
    line-height: 1.71em; /* 24px */
    margin-top: 1.71em;
}

#main section.cols section article.full h4 {
    font-size: 1.0625em; /* 17px */
    line-height: 1.0588em; /* 18px */
    margin-top: 1.0588em;
    margin-bottom: 0;
}

#main section.cols section h4 + p {
    margin-top: 0;
}

#main section.cols section article.full h4 + p {
    margin-top: 1.71em;
}

#main section.cols section article.full ul, #main section.cols section article.full ol {
    padding-left: 3em;
}

    #main section.cols section article.full ul li {
        list-style: disc;
    }

#main section.cols .root {
    color: #a6a6a6;
    font-size: 0.75em; /* 12px */
    line-height: 1.5em; /* 18px */
    margin-top: 0;
    margin-bottom: 0;
}

#main section.cols .search-filter h3 {
    font-size: 1em;
}

#main section.cols .search-filter h4 {
    color: #384042;
    font-size: 0.875em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin-top: 1.2857em;
    margin-bottom: 0;
}

#main section.cols .search-filter ul {
    padding: 0 !important;
}

#main section.cols .search-filter li {
    list-style: none !important;
}

#main section.cols h3 + p, .cols .root + p, #main section.cols .search-filter h4 + ul {
    margin-top: 0 !important;
}

#main section.cols label {
    float: none;
    text-align: left;
    padding-bottom: 8px;
}

#main section.cols select, #main section.cols .selector, #main section.cols textarea {
    float: none;
    margin-top: 0;
}

#main section.cols .col-2 ul {
    padding-left: 1em;
}

    #main section.cols .col-2 ul li {
        list-style: disc;
    }

#main section.cols .col-2 p + ul {
    margin-top: 0;
}

#main section.cols .col-1 div.display, #main section.cols .col-1 .paginate {
    margin-top: 0;
}

#main form fieldset.viewmode > span {
    float: left;
    margin: 1em 8px 0 0;
    padding-top: 8px;
    font-size: 13px;
    line-height: normal;
    font-weight: 700;
}

#main form fieldset.readOnlyTab > span {
    float: left;
    margin: 1em 8px 0 0;
    font-size: 13px;
    line-height: 36px;    
} 

span.inputFieldXtraDescRight {
    float: left;
    margin: 21px 8px 0 0;
    /*font-size: 14px;*/
    font-size: 0.75em;
    line-height: 1.5em; /* 18px */
    margin-left: 8px;
    
}

#main form span.viewmode {
    float: left;
    margin: 23px 8px 0 0;
    font-size: 14px;
    line-height: 18px;
}

#main form span.viewmodeNoRight {
    float: left;
    margin: 1em 8px 0;
    font-size: 1em; /* 16px */
    line-height: 1.5em; /* 18px */
}

#main tbody td.viewmode {
    font-size: 0.8em;
    line-height: 1.5em; /* 18px */
}

#main form fieldset.noHeader {
    margin-top: 25px;
}

#main form span.msgmode {
    display: inline-block;
    float: left;
    margin: 1em 8px 0 8px;
    padding-top: 6px;
    font-size: 0.75em; /* 12px */
    line-height: 1.5em; /* 18px */
}

#main form .related-set.checkbox-set + span.msgmode {
    padding-top: 9px;
}

#main form .tabactionbar {
    display: inline-block;
    float: left;
    margin: 6px 5px 0px 20px !important;
    padding-top: 14px;
    font-size: 0.9em;
    line-height: normal;
    color: #353439;
}

#main form label.tabactionbar {
    padding-top: 0px;
    margin-top: 0.7em;
}

/* Results display */
#main div.display {
    position: relative;
    float: left;
    width: 50%;
    line-height: 1em;
    margin-top: 15px;
}

    #main div.display h3 {
        color: #384042;
        font-size: 14px;
        line-height: 16px;
        text-transform: none;
        background: none;
        padding: 0;
        margin: 0;
        float: left;
        top: 2px;
        left: 10px;
    }

    #main div.display ul {
        float: left;
        margin-top: 0;
        margin-left: 15px;
        line-height: 16px;
    }

    #main div.display li {
        display: inline-block;
        margin: 0 8px 0 0;
        color: #384042;
        font-size: 14px;
        line-height: 16px;
        font-family: ProximaNova-Semibold;
    }

        #main div.display li a {
            color: #037bc0;
        }

            #main div.display li a:hover {
                text-decoration: underline;
            }

#main .showing {
    text-align: center;
    font-size: 14px;
}

/* Results pagination */
#main .paginate {
    float: left;
    width: 50%;
    text-align: right;
    margin-top: 15px;
    line-height: 16px;
}

    #main .paginate ul {
        margin-top: 0 !important;
    }

    #main .paginate li {
        display: inline-block;
        margin: 0 8px 0 0;
        line-height: 1em;
        color: #384042;
        font-size: 14px;
        line-height: 16px;
        font-family: ProximaNova-Semibold;
    }

        #main .paginate li.inactive {
            color: #b0b0b0;
        }

/* Default (browser render) form elements */
#main fieldset {
    float: left;
}

#main form .line-break {
    clear: left;
}

/*hack for new UI compatibility*/
#main form .formFieldRowGroupContainers {
    clear: left;
}

.line-break > .msgmode, .form-rows > .msgmode {
    float: left;
    clear: none;
    margin-left: 10px;
    margin-top: 10px;
}

/* utiliy class – sometimes you need to manually create a new line */
.BGColordBisLtBlue {
    font-weight: bold;
    font-size: 1.1em;
}

/* App pages */
#main section.app h2.favoriteable {
    padding-left: 28px;
    min-width: 900px;
}

@media (max-width: 767px) {
    #main section.app h2.favoriteable {
        min-width: unset;
    }
}

/* Content area (site) footer */
footer.site {
    clear: both;
    margin-top: 4.3125em;
}

    footer.site nav {
        border-top: 1px solid #d9d9da;
        margin-top: 30px;
    }

        footer.site nav div {
            float: left;
            width: 24%;
            margin-top: 2em;
            margin-left: 5%;
        }

            footer.site nav div:first-child {
                margin-left: 7.5%;
            }

    footer.site a {
        color: #037bc0;
    }

        footer.site a:hover {
            text-decoration: underline;
        }

    footer.site h2 {
        padding-bottom: 0 !important;
        border-bottom: none !important;
    }

    footer.site nav h3 {
        margin-top: 1.3846em;
        text-transform: none;
    }

    footer.site nav h3, footer.site nav p, footer.site nav time {
        font-size: 0.8125em; /* 13px */
        line-height: 1.3846em; /* 18px */
    }

    footer.site nav p {
        margin: 0;
    }

    footer.site .comm {
        clear: both;
        margin-top: 2em;
        border-top: 1px solid #d9d9da;
        padding: 2em 0 1em;
    }

        footer.site .comm li {
            display: inline-block;
            margin-left: 4%;
            width: 18%;
            color: #5e5e5e;
            font-size: 0.9em; /* 12px */
            line-height: 1.5em; /* 18px */
            text-transform: uppercase;
        }

            footer.site .comm li.chat {
                margin-left: 4%;
                width: 26%;
            }

                footer.site .comm li.chat img {
                    margin-right: .25em;
                }

        footer.site .comm .icon-phone, footer.site .comm .icon-mail-alt {
            font-size: 18px;
        }



@media only screen and (max-width: 1200px) {
    footer.site .comm li, footer.site .comm li.chat {
        width: 40%;
        margin-left: 5%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 604px) {
    footer.site .comm li, footer.site .comm li.chat {
        display: block;
        width: 100% !important;
        margin-left: 0;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width : 320px) {
    footer.site .comm li, footer.site .comm li.chat {
        display: block;
        width: 100%;
        font-size: 10px;
        margin-left: 0;
        margin-bottom: 10px;
    }
}


/* Back to top */
#top {
    position: fixed;
    right: 9px;
    bottom: 20px;
    display: block;
    font-size: 12px;
    height: 24px;
    width: 24px;
    color: #fff !important;
    background-color: #353439;
    text-align: center;
    opacity: .85;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    z-index: 10000;
}

    #top:hover {
        opacity: 1;
    }

.expanded-help #top {
    display: none;
}

.fullscreenDashboard #top {
    display: none;
}

/* Prevent navigaton overlapping content when browser width below minimum */
@media only screen and (max-width : 1200px) {
    #banner {
        min-width: 1200px;
    }
}
/* @end */

/* @group Tablets & Smartphones */

/* Smartphones (portrait and landscape) */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you: j.mp/textsizeadjust */
    /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/* Desktop and tablet (landscape) */
@media only screen and (max-width : 1024px) {
    footer.site nav div {
        float: none;
        width: auto;
        margin-right: 0;
        margin-top: 20px;
        margin-left: 0;
    }

        footer.site nav div:first-child {
            margin-left: 0;
        }
}

/* Desktop and tablet (portrait) */
@media only screen and (max-width : 768px) {
    #main div.index.col {
        float: none;
        width: auto;
        margin-right: 0;
    }

    footer.site nav div {
        float: none;
        width: auto;
        margin-right: 0;
        margin-top: 20px;
        margin-left: 0;
    }

        footer.site nav div:first-child {
            margin-left: 0;
        }
}

/* Smartphones (landscape) */
@media only screen and (min-width : 321px) {
}

/* Smartphones (portrait) */
@media only screen and (max-width : 320px) {
}

/* iPads (portrait and landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPads (landscape) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}

/* iPads (portrait) */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}

/* iPhone 4, Opera Mobile 11 and other high pixel ratio devices */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
}
/* @end */

/* @group Helpers */

/* Image replacement */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden; /* IE 6/7 fallback */
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 100%;
    }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden {
    display: none !important;
    visibility: hidden;
}

.soft-hidden {
    display: none;
}

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    /* Extend class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/ */
    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.group:before,
.group:after {
    content: " ";
    display: table;
}

.group:after {
    clear: both;
}

/* For IE 6/7 only to trigger hasLayout and contain floats. */
.group {
    *zoom: 1;
}
/* @end */

/*Password Score styling*/
.password-score {
    text-align: center;
    display: none;
    text-transform: capitalize;
    padding-bottom: 5px;
    margin-left: 1px;
    border-radius: 20px;
    border: 2px solid silver;
}

    .password-score[data-score='none'] {
        display: none !important;
    }

    .password-score[data-score='very weak'], .password-score[data-score=weak] {
        background: #FF0000;
        display: block;
        width: 200px;
    }

    .password-score[data-score=strong] {
        background: #00FF00;
        display: block;
        width: 400px;
    }

    .password-score[data-score=best] {
        background: #00FF00;
        display: block;
        width: 500px;
    }

    .password-score[data-score=medium] {
        background: #FFCC00;
        display: block;
        width: 300px;
    }

/*Favorite hover effect*/
.favorite.saved:hover i.icon-heart:before {
    content: '\e807' !important;
    color: #ec1d27;
}

.noRightMargin {
    margin-right: 0px !important;
}

/* ****OCNA**** - Contact -> General -> Other */
#mainFormContentArea_checkBoxList_3520 label {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

#mainFormContentArea_checkBoxList_3520 .checker {
    margin-top: 10px !important;
}

/* Misc
*****************************************************/
.noLeftMargin {
    margin-left: 0px !important;
}

#loadingSpinner {
    margin: 0 auto;
    width: 100%;
    height: 400px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
}

div.RadComboBoxDropDown_Silk .rcbSeparator {
    font-family: Arial;
    font-weight: bold;
    font-style: italic;
    font-size: 10pt;
    padding-left: 6px !important;
}

div.RadComboBoxDropDown_Silk .rcbItem, div.RadComboBoxDropDown_Vista .rcbHovered {
    padding-left: 20px;
    font-family: Arial;
    font-size: 10pt;
}

.RadComboBox table td.rcbInputCell {
    height: 18px !important;
}


/* Dashboard listing 
****************************************************/
.main-wrap h3 {
    color: #037bc0;
    font-size: 1.125em;
    margin-top: 0;
    margin-bottom: .75em;
    text-transform: none;
    border-bottom: 1px solid #d4d4d4;
}

    .main-wrap h3 span.term-item-count {
        font-size: 12px;
        color: #343436;
        float: right;
    }

.main-wrap ul {
    font-size: 10px;
}

.main-wrap .list-wrap {
    margin: 30px 20px 0 0;
    float: left;
    width: 260px;
}

.main-wrap .sub-term-list {
    display: none;
}

.main-wrap li {
    margin: 0 0 0 15px;
    font-size: 14px;
}

    .main-wrap li a {
        color: #676767 !important;
    }

.main-wrap .list-row {
    overflow: hidden;
    clear: both;
    margin-bottom: 10px;
}

.main-wrap .list-more {
    margin: 0 0 0 15px;
    cursor: pointer;
    font-weight: 600;
    color: #343436;
}

.main-wrap li.term-group > a {
    color: #027f6f !important;
    font-weight: 600;
}

    .main-wrap li.term-group > a:hover {
        text-decoration: none;
    }

.main-wrap li.term-group {
    margin: 0;
}

    .main-wrap li.term-group i {
        width: 12px;
        margin-left: 2px;
    }

.main-wrap ul.sub-term-list {
    list-style-type: disc;
}

.main-wrap li.sub-term-item {
    margin: 0 0 0 30px;
    font-size: 12px;
}

.main-wrap .header {
    border-bottom: 1px solid #d4d4d4;
    clear: both;
    margin-bottom: 30px;
    overflow: hidden;
    padding-bottom: 20px;
    margin-top: 50px;
}

    .main-wrap .header h1 {
        float: left;
    }

    .main-wrap .header .seatchbox,
    .main-wrap .header .more-switch {
        float: right;
    }

@media only screen and (max-width: 604px) {
    .main-wrap .list-wrap {
        width: auto;
        float: none;
    }
}

/* HTML5 accordion jquery fallback 
****************************************************/
summary::-webkit-details-marker {
    display: none;
}

summary:before {
    content: "►";
}

details.open summary:before {
    content: "▼";
}

summary:before, summary:after {
    font-size: .8em;
    margin-right: 6px;
}

.releaseNoteTitle {
    font-family: ProximaNova-Semibold;
    padding: 0;
    line-height: normal;
    font-size: 16px;
    margin: 0 0 3px;
}

.releaseNoteSubtitle {
    padding: 0;
    line-height: normal;
    font-size: 14px;
    color: #b0b0b2;
    margin: 0 0 10px;
}

.releaseNoteDescription {
    margin-bottom: 35px;
}

.newFunctionalityHeader, .bugFixesHeader {
    margin-bottom: 35px;
}

.topMessage {
    margin: 35px 0 0;
}

.requestFeedbackMessage {
    margin: 0 0 35px;
}

.largerText {
    font-size: 1.1em !important;
}

.formCol2 {
    margin-left: 140px !important;
}

#preLoader {
    width: 72px;
    height: 72px;
    margin-left: 86px;
    background: url(/_images/spinner.gif) no-repeat center center;
    background-size: 100%;
    position: fixed;
    top: 35%;
    left: 50%;
    z-index: 999;
}

.collapsed-menu #preLoader {
    margin-left: 5px;
}

#main img.contenPanelLoadingGearSpinners {    
    width: 40px;
    height: 40px;    
    margin: 15px;    
}

.dashboardContentLoaders {
    width: 40px !important;
    height: 40px !important;
    margin: 15px;
}

.dashboardContentLoaderContainers {
    margin: 1em;
}

.small-action-icon {
    margin-right: 5px;
}

@media (max-width: 1300px) {
    nav.dynamic.tiers-x2 > ul.tier-1.group > li#mainFormContentArea_LiInteractions.current > ul.tier-2.group li a {
        font-size: 9pt;
    }
}

.fa.fa-history.fa-lg {
    padding-right: 5px !important;
}

.passwordPolicyContent {
    margin: 10px 20px;
}

.passwordPolicyHeader {
    margin: 10px 20px;
    font-size: 1em;
}

.passwordPolicyContent ul li {
    display: list-item;
    list-style: disc outside;
    margin: 10px 35px;
}

.passwordPolicyContent ul {
    list-style: disc outside;
}

img.avatar {
    max-height: 40px;
    max-width: 40px;
}

a.delete-image {
    cursor: pointer;
}

.ui_action_links_separator {
    padding: 3px;
}

.imageContainer {
    padding: 10px 0px;
}

span.money {
    float: right;
}

.accounting {
    color: black;
}

a.accounting, div.accounting {
    display: none;
}

span.currencySymbol {
    z-index: 1000;
    margin-left: 10px !important;
    margin-top: 14px !important;
    position: absolute;
}

input.currencySymbolStyled {
    padding-left: 20px !important;
    width: 165px !important;
}

#batchActionsMenuPositioned {
    position: absolute;
    margin: 10px 0 0 4px;
    border: 1px solid transparent;
    border-radius: 4px;
    transition: all 0.2s ease-in-out;
    z-index: 1;
}

#batchActionsMenuPositioned:hover {
    border: 1px solid #757575;
    border-radius: 4px;
    -webkit-box-shadow: 1px 1px #000;
    box-shadow: 1px 1px #000;
}

#batchActionsMenuPositioned button.dropdown-toggle {
    padding: 8px 4px 0px 30px;
    margin-right: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#batchActionsMenuPositioned button.dropdown-toggle .caret {
    position: relative;
    right: 5px;
    top: -7px;
    border-top: 5px dashed;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

th.bulk-select {
    width: 32px;
    white-space: nowrap !important;
    padding: 0px !important;
    padding-top: 4px !important;
    padding-left: 10px !important;
}

span.batch-select {
    display:inline-block;
    /*float:left;*/
}

div.batchActionsMenus {
    display: inline-block;
    float: right;
    /*float:left;*/
    width: 10px;
    height: 22px;
    margin: 0px;
    padding: 0px;
    margin-top: 5px;
    border: 0px solid white;
}

div.dataBulkActionsContainers {
    height:20px;
    margin:0px;
    padding:0px;
    line-height:0px;
}

button.dataBulkActionsButtons {
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
    background: none;
    border: 0px solid red;
    padding-top: 5px;
}

span.dataBulkActionsIcons {
}

.fullScreenBackDrop {
    z-index: -1 !important;
    background-color: white !important;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    border: 0px solid red;
}

.fullscreenDashboard .fullScreenBackDrop {
    background-color: #f1f1f2 !important;
}

/* Targetted Full Screen Config */
.fullScreenElement {
    z-index: 9999;
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0;
    left: 0;
    border-right: 0px !important;
    background-color: white;    
}

.fullscreenDashboard .fullScreenChildren {
    width: 100% !important;
    height: 100% !important;
    background-color: #fff !important;
}
/* Targetted Full Screen Config */

span.moveContactPanelPositionControls i {
    /*color: gray;*/
}

/* 
    add .fullscreen to the <body> to trigger fullscreen mode
    jQuery('#Body').addClass('fullscreen'); 

    the preview URL used to write this code was [BIS Sandbox]:
    https://admin.charityengine.net/dsp_ts_batchEditTransactions.aspx?btid=1405
*/
.fullscreen {
    background: none !important;
}

    .fullscreen #leftVerticalNavContainer,
    .fullscreen #mainFormContentArea_searchManageScreenQuickFilterContainer,
    .fullscreen #HeaderTitle,
    .fullscreen #FavoriteIcon,
    .fullscreen #ToolbarGroup,
    .fullscreen #banner,    
    .fullscreen footer,
    .fullscreen #ToolbarActionsGroupTop,
    .fullscreen #ToolbarActionsGroupBottom,
    .fullscreen #top,
    .fullscreen .maximize,
    .fullscreen #tableRowActiveFiltersContainer,
    .fullscreen #ListingScreenDisplayModesToggleContainer #displayToggleControl,
    .fullscreen #ListingScreenDisplayModesToggleContainer #ListingScreenDisplayModesContainer,
    .fullscreen #ListingScreenSortFieldsContainer,
    .fullscreen #main div.advanced-filter,
    .fullscreen #ceDashboardContainer {
        display: none !important;
        background: none !important;
    }

    .fullscreen #main .wrap {
        top: 0 !important;
        margin-left: 0;
        padding: 0;
        background-color: #fff;
    }

    .fullscreen #content {
        padding-top: 0;
    }

    .fullscreen .panel.tiered {
        margin: 0;
    }

    .fullscreen #batchTransEditorTableContents {
        margin-left: 0px;
        margin-top: 30px;
        height: 100% !important;
    }

        .fullscreen #batchTransEditorTableContents #batchTransEditorTable {
            width: 100% !important;
            margin-left: 0 !important;
        }

    .fullscreen #ToolbarActionsGroupTop {
        position: fixed;
        left: 0;
        margin-left: 0 !important;
        text-align: center;
        width: 100%;
        height: auto;
        background: #FFFFFF;
        padding: 5px 0 6px;
        border-bottom: 1px solid #D1D1D4;
        z-index: 1000;
    }

.exitFullscreen {
    display: none !important;
}

.fullscreen .exitFullscreen {
    display: block !important;
    position: fixed;
    right: 3px;
    top: 3px;
    margin-left: 0 !important;
    z-index: 1000;
    cursor: pointer;
}

/*.fullscreen #main thead th.spacer,
.fullscreen.donations tr:first-child .cb.bulk-select.bis-batch {
    background-color: #fff !important;
}*/

th.dataTableHeaderCellWithNoRecords {
    margin:0px !important;
    padding:0px !important;
}

span.batch-mode-trigger {
    top: 35px !important;
}

#batch-toggle-label {
    position: relative;
    top: -6px;
    left: 8px;
}

span#BatchModeSwitch a, span#BatchModeSwitch a:hover, span#BatchModeSwitch a:visited, span#BatchModeSwitch a:active {
    text-decoration: none;
}

.bold {
    font-weight: bold !important;
}

.headerMessageButton {
    margin-left: 10px !important;
    margin-right: 0px !important;
}

.error .sa-icon, .warning .sa-icon, .success .sa-icon, .information .sa-icon {
    float: right !important;
}


#toolbox {
    margin-bottom: 5px;
}

    #toolbox span {
        margin-right: 10px;
    }

.multi-tab-actions {
    margin-bottom: 15px !important;
    margin-right: 20px !important;
}

.fullNoteContent {
    max-height: 500px !important;
    min-width: 300px !important;
    min-height: 200px !important;
    overflow-y: scroll !important;
    overflow-x: hidden;
}

.fullNoteContentLink {
    margin-left: 0px;
}

#mainFormContentArea_searchResultsContainer > ul > li > div:not(.root) {
    overflow-wrap: break-word; /*word-wrap property has been renamed overflow-wrap in the current draft of the CSS3 Text specification*/
    word-wrap: break-word;
}

/*Save filters widget*/
.full-width {
    width: 100% !important;
    position: relative;
    left: -22px;
}

#review-widget-left {
    width: 45%;
    float: left;
}

#review-widget-right {
    width: 45%;
    float: right;
}

img.thumbPreviewOutlined {
    border: 1px solid #666666;
}

img.maxSize100 {
    max-width: 100px;
    max-height: 100px;
}

img.thumbUnderTitle {
    margin-top: 5px;
}

#mainFormContentArea_ceImportExport h3.expandable {
    width: 100%;
    float: left;
}

#HeaderTitleTextValue,
#HeaderTitleIdSeparator,
#HeaderTitlePrimaryId {
    font-weight: 700;
}

#main .advanced-filter div.group.advancedFilterTabGroup {
    padding: 0 0 30px 0;
}

    #main .advanced-filter div.group.advancedFilterTabGroup .actions {
        padding: 72px 25px 0 !important;
    }

.advanced-filter i.fa.fa-filter {
    color: #a1a1a1;
    margin-right: 2px;
}

#main li.advanced-filter.error a {
    color: #e84c3d;
}

#MainNavSearchBtn {
    float: right;
    cursor: pointer;
}

#MainNavSearch {
    position: relative;
    top: -12px;
    margin: 0 18px;
    padding: 6px 10px;
    width: 160px;
    display: none;
}

    #MainNavSearch::-ms-clear,
    #LandingPageSearch::-ms-clear {
        display: none;
    }

#main-menu a span.highlight {
    background-color: rgba(255, 255, 0, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* FF3.5+ */
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Saf3.0+, Chrome */
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7); /* Opera 10.5+, IE 9.0 */
    padding: 1px 1px;
    margin: 0 -1px;
}

#LandingPageSearchBtn {
    color: #037bc0;
    cursor: pointer;
    font-size: 16px;
}

#LandingPageSearchContainer {
    display: none;
}

#AppHomeNavigation_AppHomeNav .term-list a span.highlight,
section#appPanel span.highlight {
    padding: 1px 1px;
    margin: 0 -1px;
    background-color: rgba(255, 255, 255, 0.25);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
    font-weight: bold;
}

.webinarMessage {
    font-size: .85em;
    text-align: center;
    margin-bottom: 0px;
}

.releaseHighlightsHeader {
    font-size: 1em;
    margin-top: -5px;
}

.releaseNoteHighlights {
    font-size: .9em;
    margin-left: 10px;
}

li#AdvancedFilterLi.filtersSet > a {
    color: #7fc145 !important;
}

#tableRowActiveFiltersManageIconsContainer {
    float:left;
}

#tableRowActiveFiltersListContainer {
    padding-left: 50px !important;
}

ul#tableRowActiveFiltersListContainer a.activeFilterValues {
    font-size: 13px;
    font-weight: normal;
}

div#mainFormContentArea_tableRowAdvFilterContainer .changeTargettedActiveFilters {
    border: 2px solid #7fc145;
}

#dashboardSelector {
    margin-top: 0;
}

a#currentSortFilter {
    float: left;
}

#MasterDataTableRecordSet a.hierarchySecondaryType, a:link.hierarchySecondaryType {
    color: gray !important;
}

#FullScreen {
    position: relative;
    float: right;
    /*z-index: 9998;*/ /* Too much z-indexing, works with below definition (3.21.2023) */
    font-size: 13px;
}

    #FullScreen i.maximize {
        display:block;
        position: relative;
        color: #808080;
        float: right;
        cursor: pointer;
        margin-top: 6px;
        margin-left: 4px;
    }

        #FullScreen i.maximize:hover {
            color: #000;
        }

    #FullScreen i.exitFullscreen {
        top: 12px;
        right: 16px; /*scroll bar margin*/
        color: #808080;
        position:fixed;
        /*float: right;*/
        z-index: 9999;
        cursor: pointer;        
    }

        #FullScreen i.exitFullscreen:hover {
            color: #dadada;
        }

#main img.formInlineGearSpinners {
    display: inline-block;
    width: 30px;
    float: left;
    margin-left: 5px;
    margin-top: 14px;
}

#main img.mcPageTopLoadingGearSpinners {
    display: inline-block;
    width: 30px;
    float: left;
}

#mcTopLoading {
    margin-bottom: 2em !important;
}

    #mcTopLoading > span {
        margin-left: 10px;
        color: gray;
    }

table.configActions a.sa-text {
    color: gray !important;
}

a.ceEmailInlineSystemIcons {
    margin-left: 4px;
    color: gray !important;
}

/*IDs shared across multiple pages*/
#mainFormContentArea_step5Panel .note {
    margin: 0 !important;
    margin-top: 4px !important;
    padding-top: 0 !important;
    float: left;
}

#mainFormContentArea_mergeContactModal_Table1 {
    margin-top: 20px;
}

#mainFormContentArea_installmentMode {
    margin-top: 0.3em;
}

#mainFormContentArea_transTypePersonOrg label {
    margin-top: 1.5em !important;
}

#mainFormContentArea_aibtn_launchCampaign_uiActionButtonText {
    cursor: pointer;
}

#mainFormContentArea_queryBuilderGroup_id {
    height: 388px;
}

#mainFormContentArea_dialog_partialCredit {
    height: 464px !important;
}

#mainFormContentArea_payInvoiceBtn_0,
#mainFormContentArea_payInvoiceBtn_1 {
    width: auto;
}

#mainFormContentArea_payInvoiceBtn label {
    display: inline-block;
    top: 0.5em;
    position: relative;
}

#mainFormContentArea_TabTags a#dd_tags_available_clearBtn {
    margin-top: 2px !important;
}

.info-text {
    margin: 1em 0;
    color: #2d2d2d;
    font-size: .9em;
}

    .info-text i {
        color: #037bc0;
    }

i + span,
span + i {
    margin-left: 4px;
}

label i {
    margin-right: 4px;
}

.helper-under-input {
    padding-left: 138px;
}

    .helper-under-input.fat, .helper-under-input.phat {
        padding-left: 208px;
    }

    .helper-under-input.xtrafat {
        padding-left: 258px;
    }

.error-text {
    color: #ce4535 !important;
}

.warning-text {
    color: #f39c12 !important;
}

.success-text {
    color: #8bc53f !important;
}

.warning-icon {
    color: #f39c12 !important;
}

div.personEmployerControls {
    display: inline-block;
}

span.personEmployerAtSigns {
    margin-left: 2px;
    margin-right: 2px;
}

span.personHouseholdMembershipDescriptions {
    margin-right: 2px;
}

div.organizationPointOfContactControls {
    display: inline-block;
}

div.householdMemberControls {
    display: inline-block;
}

.person-with-diffs {
    position: relative;
    float: left;
    height: 24px;
    width: 18px;
    cursor: pointer;
    white-space: nowrap;
}

    .person-with-diffs i {
        font-size: 12px;
    }

        .person-with-diffs i.fa-user {
            color: #2d2d2d !important;
        }

.contactBlockTypeIcons {
    margin-right: 4px;
}

    .contactBlockTypeIcons.person-with-diffs {
        margin-right: 0;
    }

    #ListingScreenTable .contactBlockTypeIcons.person-with-diffs {
        margin-right: 0;
    }

.contact-diff-icon {
    position: absolute;
    padding-top: 15px;
    margin-left: -4px;
    color: #f39c12;
}

#ListingScreenTable .contact-with-diff {
    margin-right: 6px;
    cursor: pointer;
}

    #ListingScreenTable .contact-with-diff .contact-diff-icon {
        font-size: 11px !important;
    }

.contactBlockTypeIconContainer{
    position:relative;
}

.contactDiff {
    /*margin-top: 3px;
    margin-left: -21px;
    padding: 12px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    cursor: text;
    z-index: 1;*/
}

    /*.contactDiff::before {
        font-family: "Font Awesome 5 Pro";
        content: '\f0d8';
        position: absolute;
        top: -17px;
        left: 12px;
        color: #b6b6b6;
        font-size: 24px;
    }*/

.contactBlockTypeIconContainer + a.contact-link {
    margin-left: 0 !important;
}

#mainFormContentArea_contactLink_UIActionDiv .contactDiff {
    margin-top: 7px;
}

.mce-branding {
    display: none !important;
}

.ce-tab-box-body .section h3 {
    font-size: 14px !important;
}

#ceSendAckModal .ceDialogs {
    width: 500px !important;
}


.panel-title.message-title {
    background: #ededed !important;
    margin: 6px !important;
}

td.conversation {
    width: 75% !important;
}

.confirm-section fieldset.viewmode span {
    float: left;
    margin: 1em 8px 0 0;
    font-size: 13px;
    line-height: 36px;
    font-weight: bold;
}

.ce-disabled {
    cursor: not-allowed !important;
}

    .ce-disabled > *:not(label):not(input[type=button]):not(a.button) {
        pointer-events: none !important;
        text-shadow: none !important;
        background-color: rgba(218, 218, 218, 0.5) !important;
    }

    .ce-disabled > a:not(.button) {
        pointer-events: none !important;
        text-shadow: none !important;
        background-color: rgba(0, 0, 0, 0) !important;
        opacity: 0.5;
    }

    .ce-disabled input[type=button], 
    .ce-disabled a.button, a.ce-disabled,
    .ce-disabled button {
        opacity: 0.5;
        pointer-events: none;
    }
    .ce-disabled input[type=text],
    .ce-disabled textarea {
        background-color: rgba(218, 218, 218, 0.5) !important;
        pointer-events: none;
    }

div.selector.ce-disabled {
    cursor: not-allowed !important;
    background-color: rgba(218, 218, 218, 0.5) !important;
}

    div.selector.ce-disabled > * {
        pointer-events: none !important;
        text-shadow: none !important;
        background-color: rgba(0, 0, 0, 0) !important;
    }

button.ce-disabled {
    opacity: 0.8;
    pointer-events: none;
}

input:disabled,
select:disabled {
    cursor: not-allowed !important;
    background-color: #eee !important;
    opacity: 0.9;
}

    :disabled > * {
        pointer-events: none !important;
        text-shadow: none !important;
        background-color: rgba(218, 218, 218, 0.5) !important;
    }

.ce-disabled-link {
    cursor: not-allowed;
}

    .ce-disabled-link * {
        pointer-events: none;
        opacity: 0.8;
    }

.neutral-icon {
    color: #353439;
}

.fa-twitter-square {
    color: #429cd6 !important;
}

.fa-linkedin-square {
    color: #0d77b7 !important;
}

.fa-facebook-square {
    color: #3a589e !important;
}

.goodCallOuts {
    color: green !important;
}
/*.neutralCallOuts {}*/
.warningCallOuts {
    color: orangered !important;
}
.badCallOuts {
    color: red !important;
}

a.trueFalseIsYesGoodCallOuts {
    color: green !important;
}

/*trueFalseIsYesGoodCallOuts*/

a.trueFalseIsYesWarningCallOuts {
    color: orangered !important;
}

a.trueFalseIsYesBadCallOuts {
    color: red !important;
}

a.trueFalseIsNoGoodCallOuts {
    color: green !important;
}

/*trueFalseIsNoNeutralCallOuts*/

a.trueFalseIsNoWarningCallOuts {
    color: orangered !important;
}

a.trueFalseIsNoBadCallOuts {
    color: red !important;
}

a.missingNameOrTitleCallOuts {
    color: orangered !important;
}

a.warningCallOuts {
    color: orangered !important;
}

body.processing {
    overflow: hidden;
}

body.processing #banner,
body.processing nav.site {
    z-index: 1;
}

#processingContainer {
    display: none;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 10;
}

#processingMessage {
    position: relative;
    top: 35%;
    margin: auto;
    padding: 20px;
    text-align: center;
    width: auto;
    max-width: 300px;
    background-color: #fff;
    border: 2px solid #dadada;
    border-radius: 6px;
}

#processingText {
    padding-top: 14px;
    color: #000;
    text-align: center;
    font-size: 16px;
}

#longRunningText {
    padding-top: 5px;
    color: grey;
    text-align: center;
    font-size: 12px;
}

.msg-under-input {
    margin-top: 2px;
    margin-left: 138px;
}

label.fat + i.datePickerButton + input + .msg-under-input, label.wide + i.datePickerButton + input + .msg-under-input, label.phat + i.datePickerButton + input + .msg-under-input, label.wide + i.datePickerButton + input + .msg-under-input {
    margin-left: 206px;
}
 
body.mce-fullscreen #banner,
body.mce-fullscreen #leftVerticalNavContainer,
body.tox-fullscreen #banner,
body.tox-fullscreen #leftVerticalNavContainer {
    z-index: 0;
}

#tagsUIContainer #mainFormContentArea_LiTabDynamicAudience,
#tagsUIContainer #mainFormContentArea_LiStaticLegacy {
    display: none;
}

#mainFormContentArea_StatusWorkflowChanger_dialog_changeStatus + .ui-dialog-buttonpane {
    float: left;
}

#topRightNewFeaturesNoticeContainer {
    position: fixed;
    top: 50px;
    right: 0px;
    background-color: white;
    border: 1px solid #cdcdcd;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
}

div.newFeatureContainerThreeColumn {
    width: 738px;
    height: auto;
}

div.newFeatureContainerTwoColumn {
    width: 492px;
    height: auto;
}

div.newFeatureContainerOneColumn {
    width: 322px;
    height: auto;
}

#topRightNewFeaturesNoticeTitleBox {
    display: block;
    width: auto;
    height: auto;
    margin-left: 10px;
    margin-top: 10px;
    margin-right: 10px;
    /*border:1px solid blue;*/
}

#topRigthNewFeaturesSubTitleDesc {
    font-size: 14px;
}

#topRightNewFeaturesNoticeContainer div.topRightNewFeatureOptionBoxes {
    display: inline-block;
    float: left;
    width: 223px;
    height: 180px;
    margin: 10px 10px 10px 10px;
    padding-top: 10px;
    text-align: center;
    border: 1px solid #f3f3f3;
    -webkit-box-shadow: 1px 1px 1px #cccccc;
    box-shadow: 1px 1px 1px #cccccc;
}

#topRightNewFeaturesNoticeContainer h3.newFeatureImageSubTitles {
    display: block;
    height: 30px;
    margin: 0px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

#topRightNewFeaturesNoticeContainer div.newFeatureOptionBlockDescriptions {
    display: block;
    margin: 0px;
    margin-bottom: 10px;
    padding: 0 12px;
    color: #777;
    text-align: center;
    text-transform: none;
    font-size: 14px;
    line-height: 16px;
}

#topRightNewFeaturesNoticeContainer a.newFeatureDescriptionActionLinks {
    display: inline;
    font-size: 14px;
    line-height: 16px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    color: #676767;
    /*color: Highlight;*/
}

a.topRightCallOutLinkButtonInstance {
    text-align: center;
    margin-right: 0px;
    /*border:1px solid red;*/
}

i.topNewFeatureLinkTitles {
    font-size: 16px;
    margin-top: 15px;
}

#topNewFeatureBetaTitle {
    color: #6bc143;
}

#topNewFeatureBetaTitleText {
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
}

#topNewFeatureNewFeatTitle {
    color: #6bc143;
}

#topNewFeatureNewFeatTitleText {
    font-size: 14px;
    font-weight: bold;
    text-transform: none;
}

#topNewFeatureEnhancementTitle {
    color: #6bc143;
}

#topNewFeatureEnhancementTitleText {
    font-size: 14px;
    text-transform: none;
    font-weight: bold;
}

.topRightNewFeatureOptionBoxes:hover {
    background-color: #f9f9fb;
}
}

.error-color-text {
    color: #ce4535 !important;
}

.warning-color-text {
    color: #f39c12 !important;
}

.success-color-text {
    color: #8bc53f !important;
}

.info-color-text {
    color: #037bc0 !important;
}

#GlobalResultsDropdown {
    padding: 6px 10px;
    background: #fff;
    border: 1px solid #d1d1d4;
    border-radius: 4px;
    font-size: 13px;
    color: #353439;
    max-height: 500px;
    overflow-y: auto;
    box-shadow: 1px 1px 2px #eee;
}

    #GlobalResultsDropdown li.contact-result {
        padding: 10px;
        border-bottom: 1px solid #eee;
        cursor: pointer;
    }

        #GlobalResultsDropdown li.contact-result .highlight {
            padding: 1px 1px;
            margin: 0 -1px;
            background-color: rgba(255, 255, 255, 0.25);
            -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
            -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
            box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
            font-weight: bold;
        }

        #GlobalResultsDropdown li.contact-result:hover {
            background-color: #f9f9fb;
        }

        #GlobalResultsDropdown li.contact-result .contact-avatar {
            width: 40px;
            display: inline-block;
        }

            #GlobalResultsDropdown li.contact-result .contact-avatar img {
                display: block;
                max-width: 40px;
                max-height: 40px;
                width: auto;
                height: auto;
                margin: auto;
            }

    #GlobalResultsDropdown .contact-details > span {
        display: block;
        line-height: 18px;
    }

        #GlobalResultsDropdown .contact-details > span.contact-name {
            margin-bottom: 4px;
            font-weight: bold;
        }

        #GlobalResultsDropdown .contact-details > span.contact-id {
            display: none;
        }

    #GlobalResultsDropdown li.advanced-link {
        text-align: right;
    }

        #GlobalResultsDropdown li.advanced-link a {
            color: #037bc0 !important;
            text-transform: unset !important;
            font-size: 13px !important;
            line-height: 32px !important;
            padding: 8px !important;
        }

.group.pane fieldset.group .tabAjaxPanelTopHeader > .tabAjaxPanelTopRightActions {
    float: right;
    cursor: pointer;
    margin-bottom: 6px;
}

.group.pane fieldset.group .tabAjaxPanelTopHeader > .tabAjaxPanelTopRightActions .tabAjaxPanelTopRightIcons {
    margin-left: 8px;
}

.configActions {
    position: relative;
    margin-top: 1px;
    margin-left: 10px;
    font-size: 1rem;
    float: left;
}

.tabAjaxIconContainer {
    /*border: 1px solid #eee;
    border-radius: 4px;*/
    cursor: pointer;
    transition: 250ms;
    /*margin: 0 .5em;*/
    /*font-size: 0.9em;*/
    font-size: 18px;
    text-align: center;
    /*background: #f9f9fb;*/
    /*padding: 5px 15px;*/
    color: #037bc0;
    margin-left:5px;
}

    .tabAjaxIconContainer:hover {
        /*background: #eee;*/
    }

/*.contacts span.tabAjaxIconContainer {
    color: #3bae78 !important;
}

.donations span.tabAjaxIconContainer {
    color: #13aab9 !important;
}

.campaigns span.tabAjaxIconContainer {
    color: #502771 !important;
}

.events span.tabAjaxIconContainer {
    color: #c5a704 !important;
}

.advocacy span.tabAjaxIconContainer {
    color: #c95d05 !important;
}

.online span.tabAjaxIconContainer {
    color: #9c083f !important;
}

.merchandise span.tabAjaxIconContainer {
    color: #037bc0 !important;
}

.accounting span.tabAjaxIconContainer {
    color: #5e8905 !important;
}

.reports span.tabAjaxIconContainer {
    color: #027f6f !important;
}

.automation span.tabAjaxIconContainer {
    color: #59351f !important;
}

.configuration span.tabAjaxIconContainer {
    color: #7FC145 !important;
} */

.tabAjaxCreateNewIconTextWrap {
    position: relative;
    top: -1px;
}

.configActionsLink {
    color: #dadada !important;
}

.actionLinksContainer {
    position: absolute;
    left: 0;
    min-width: 100px;
    z-index: 10;
    width: 280px;
}

.actionLink {
    font-family: "Font Awesome 5 Pro";
    display: inline-block;
    padding: 2px 0px;
    width: 28px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 4px;
    cursor: pointer;
}

    .actionLink:hover {
        background-color: #f9f9fb;
    }

    .actionLink a {
        color: #037bc0 !important;
        text-decoration: none !important;
        display: block;
        height: 100%;
        width: 100%;
    }

.mce-toolbar .mce-btn-group {
    width: auto !important;
    height: unset !important;
}

    .mce-btn-group.mce-last > div {
        width: auto !important;
        height: unset !important;
    }

/*crm satchel*/
#recordSatchelLink:after {
    content: '\f141';
    display: inline-block;
    position: relative;
    top: -10px;
    right: 4px;
    margin-right: -2px;
    padding: 0px 4px;
    font-family: "Font Awesome 5 Pro";
    font-size: 9px;
    line-height: 13px;
    background-color: #037bc0;
    color: #fff;
    border-radius: 8px;
}

#recordSatchelLink.count-loaded::after {
    content: attr(data-count);
    font-family: 'Open Sans';
}

/*#crmSatchelSummaryPanel {
    width: 85px;
    padding-left: 5px;
}

#crmSatchelSummary {
    padding:5px;
}*/

a.ceCrmSatchelItemDeleteLinks {
    margin-left: 10px;
    color: #e84c3d !important;
}

/*recycle bin count*/
#goToRecycleBin::after {
    content: '\f141';
    display: inline-block;
    position: relative;
    top: -10px;
    right: 4px;
    margin-right: -2px;
    padding: 0px 4px;
    font-family: "Font Awesome 5 Pro";
    font-size: 9px;
    line-height: 13px;
    background-color: #037bc0;
    color: #fff;
    border-radius: 8px;
}

#goToRecycleBin.count-loaded::after {
    content: attr(data-count);
    font-family: 'Open Sans';
}

td > div.formatted-note {
    max-height: 200px;
    overflow-y: auto;
}

    td > div.formated-note p:first-child {
        margin-top: 0;
    }

/* note expander helpers */

table.expandableContentCells td.dateTableValueCell,
table.expandableContentCells td.createdbyTableValueCell {
    white-space: nowrap;
}

table.expandableContentCells td.viewmode {
    position: relative;
    background-clip: padding-box;
}

table.expandableContentCells td.viewmode.collapsed-note .note-content {
    display: block;
    height: 100px;
    overflow: hidden;
}

table.expandableContentCells td.viewmode.collapsed-note .see-more {
    position: absolute;
    top: 82px;
    display: block;
    width: 100%;
    z-index: 1;
    padding: 2em 0 0;
    background: rgb(255,255,255);
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 27%, rgba(255,255,255,0.7) 35%, rgba(255,255,255,01) 50%, rgba(255,255,255,1) 100%);
    font-weight: bold;
}

table.expandableContentCells td.viewmode .see-less {
    padding: 2em 0 1em;
    font-weight: bold;
}
     
/* note expander helpers */
/*standard form validator classes*/
span.formValidatorInlineErrorMessages {
    float: left;
    margin-top: 16px;
    margin-left: 10px;
    color: red;
}

/* 1/22/2020 RH: Make dashboard responsive */
@media (max-width: 1200px) {
    body {
        min-width: 0 !important;
    }

    #ceDashboardContainer, #ceDefaultDashboard, #uiMasterDashboard_rowContainer_0, .dashboardPanels, #uiMasterDashboard_tabWrapperContainer_0_0_0, #uiMasterDashboard_content_0_0_0_0, #uiMasterDashboard_ctl06, #ceDefaultDashboard, #content, .ce-flexbox-container {
        width: 100% !important;
        max-width: 100% !important;
    }

        .ce-flexbox-container:not(#SuggestedTasks) {
            display: block !important;
            text-align: center;
        }

    #ceDefaultDashboard #content .kpi-widget {
        display: inline-block;
        margin-bottom: 2em;
        margin-left: 0;
        margin-right: 0; 
        width: 100% !important;
        vertical-align: top;
    }

    .ce-col-xs-4 {
        float: none !important;
        width: auto !important;
    }

    #WelcomeBlock {
        height: auto !important;
        float: left;
        width: 100%;
        margin-bottom: 2em;
        margin-top: 2em;
    }

    #ceDefaultDashboard .ajax-container {
        float: left;
        width: 100%;
        margin-bottom: 1em !important;
        margin-top: 1em !important;
    }

    #ceDefaultDashboard .ce-row {
        margin-top: 0 !important;
        margin-bottom: 0 !important;

    }

    .dashboardHeaderContainerIcons.printIcons {
        display: none;
    }
}
/* END 1/22/2020 RH: Make dashboard responsive */

.ajaxDataPanelNoRecsMessages {
    margin-top: 1em;
    display: block;
    color: #343539;
    font-size: 1em;
}

.tabAjaxIconContainer.iconOnly {
    background: transparent;
    border: none;
    padding: 0;
    color: #037bc0;
    margin: 0 0 0 4px;
    font-size: 1em;
}

.tabAjaxIconContainer.iconOnly .tabAjaxPanelTopRightText {
    display: none;
    margin-left:8px;
}

img.contactRecordBadgeImages {
    max-height: 23px;
}

.file-upload-button {
    width: auto !important;
    margin-bottom: 8px;
    color: #037bc0 !important;
    cursor: pointer;
}

.file-upload-button::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f07c";
    margin-right: 4px;
    font-size: 18px;
}

.ce-disabled .file-upload-button {
    color: #BDBDBD !important;
    pointer-events: none;
}

.ce-disabled .file-upload-button::before {
    font-family: "Font Awesome 5 Pro";
    content: "\f65f";
}

input[type="checkbox"] {
    transform: scale(1.4); 
    margin-right: 6px;
}

input[type="checkbox"] + label {    
    margin-left: 8px;
}

div.basic-filter input[type="checkbox"] {
    transform: scale(1.4);
    margin-right: 8px;
}

div.basic-filter input[type="checkbox"] + label {    
    margin-left: 4px;
}

input[type="radio"] {
    /* remove standard background appearance */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* create custom radiobutton appearance */
    display: inline-block;
    width: 12px;
    height: 12px;
    padding: 6px;
    /* background-color only for content */
    /*background-clip: content-box;*/
    border: 8px solid #e0e0e0;
    background-color: #e0e0e0;
    border-radius: 50%;
    transform: scale(0.75) !important;
}

.advanced-filter .group:not(.advancedFilterTabGroup):not(.advancedFilterTab) input[type="radio"],
.advanced-filter input[name="advanced-custom-fields-operator"] {
    border-color: #fff;
    background-color: #fff;
}

/*input[type="radio"] + label {
    margin-top: 24px !important;
}*/

input[type="radio"]:checked {   
    border-color: #037bc0 !important;
    background-color: #ffffff !important;
}

label input[type="radio"]:checked {
    background-color: gray !important;
    color: gray !important;
}

.contacts input[type="radio"]:checked {
    border-color: #54d197 !important;
}

.donations input[type="radio"]:checked {
    border-color: #29c0ce !important;
}

.campaigns input[type="radio"]:checked {
    border-color: #5d2782 !important;
}

.events input[type="radio"]:checked {
    border-color: #d8c127 !important;
}

.advocacy input[type="radio"]:checked {
    border-color: #da772c !important;
}

.online input[type="radio"]:checked {
    border-color: #d40064 !important;
}

.merchandise input[type="radio"]:checked {
    border-color: #00a0ee !important;
}

.accounting input[type="radio"]:checked {
    border-color: #719f1b !important;
}

.reports input[type="radio"]:checked {
    border-color: #13a08f !important;
}

.automation input[type="radio"]:checked {
    border-color: #744f39 !important;
}

.ajax-loading-fade {
    opacity: 0.6;
    cursor: not-allowed;
}

    .ajax-loading-fade * {
        pointer-events: none;
    }

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

/*hiding for now based on user feedback (7/1/2021)*/
#LiDatabaseReference {
    display:none !important;
}

/*Contact State Visual Indicators*/
/*
    .personContact
    .organizationContact
    .householdContact
*/

.contactActive {
}

i.contactInactive {
    color: #CCCCCC !important;
}

i.personDeceased {
    color: orangered !important;
}

i.contactInactive.personDeceased {
    color: #CCCCCC;
}

li.badge i.fa-exclamation-triangle {
    color: orangered;
}

i.clearLoadedReportIcon {
    color:red;
}

#bisMcLeftSideSubNavTree_DivLHSNavigation {
    overflow-y: auto;
    overflow-x: hidden;
    /*firefox scrollbar*/
    scrollbar-width: thin;
    scrollbar-color: rgba(0, 0, 0, 0.55) rgba(0, 0, 0, 0.18);
}

    /*chrome scrollbar*/
    #bisMcLeftSideSubNavTree_DivLHSNavigation::-webkit-scrollbar {
        width: 8px;
        background-color: rgba(0, 0, 0, 0.18);
    }

    #bisMcLeftSideSubNavTree_DivLHSNavigation::-webkit-scrollbar-thumb {
        background: rgba(0, 0, 0, 0.55);
    }

a.ceEmailIconBlackListed i {
    color: maroon;
}

.ceEmailIconEngagement {
    /*display: none;*/
    font-size: 16px;
    font-weight: bold;
}

.ceEmailIconEngagementNone {
    display: none;
}

/*temporary solution until help can be fixed*/
#ExpandHelpToolbarGroup {
    display:none;
}

.fieldRightDynamicCallOuts {
    float: left;
    margin-top: 14px;
    font-size: 12px;
    margin-left:8px;
}

.personContactUIBlock div {
    float: left;
}

/*Dashboard Common Syles*/
.dashboard-widget {
    position: relative;
    padding: 18px;
    width: 100%;
    height: 100%;
    /*height: auto;*/
    overflow-y: auto;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 4px #757575;
    float: left;
    box-sizing: border-box;
}

    .dashboard-widget .dashboard-widget-actions {
        display: none;
        position: absolute;
        right: 4px;
        margin-top: -18px;
    }

    .dashboard-widget:hover .dashboard-widget-actions {
        display: block;
    }

div.dashboard-widget-actions {
    margin-right: 10px;
    /*margin-top: 4px;*/
}

/*.dashboard-widget */
div.dashboard-widget-actions a {
    display: inline-block;
    float: right;
    /*padding: 6px;*/
    margin-left: 10px;   
    font-size: 1.0em;
    transition: all 75ms ease-in;
}

div.dashboard-widget-actions a:hover {
    transform: scale(1.2);
}

a.dashboardPanelContainerHeaderLinks { } 
i.dashboardPanelContainerHeaderIcons { }

/*fullscreening*/
#Body.fullscreenDashboard {
    overflow: hidden;
}

    #Body.fullscreenDashboard a#top {
        display: none;
    }

/* .campaignDbWidgetTitles legacy */
.dashboard-widget.fullScreenElement .dashboardWidgetTitles, .dashboard-widget.fullScreenElement .campaignDbWidgetTitles {
    font-size: 1.1em;
}

.dashboard-widget.fullScreenElement .ajax-container {
    height: 100% !important;
}

div.dashboard-widget span.paginationShowingLabel {
    float:left;
}

div.dashboard-widget div.paginationPagePanel a {
    margin-right:10px;
}

.ajax-container.fullScreenElement .tabAjaxPanelTopHeader {
    position: relative;
    padding: 12px;
    width: 100%;
    background: #fff;
    /*border-bottom: 1px solid #dadada;*/
    box-shadow: 1px 1px 3px #dadada;
    box-sizing: border-box;
    float: left;
    z-index: 10;
}

.ajax-container.fullScreenElement {
    background: #fff;
}

    .ajax-container.fullScreenElement .ajaxDataSetTargetPanels {
        height: 100%;
    }

        .ajax-container.fullScreenElement .ajaxDataSetTargetPanels > div {
            height: 100%;
        }

            .ajax-container.fullScreenElement .ajaxDataSetTargetPanels > div table {
                display: block;
                height: calc(100% - 107px);
                overflow-y: scroll;
            }

.fullscreenDashboard .fullScreenBackDrop {
    background-color: transparent !important;
}

div.dashboardWidgetTitles {
    margin-bottom: 10px;
}

div.dashboardDataTableContainers {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

table.dashboardDataTableWidgets {
    min-width: auto !important;
}

.dashboardDataTableContainers tr td {
    padding: 0px !important;
}

.dashboardDataTableContainers tr:nth-child(odd) td {
    background-color: #e8f7ff;
}

.dashboardDataTableContainers tr.header-row td.dataTableColumnHeaderCell {
    font-weight: bold;
    white-space: nowrap;
}

.dashboardDataTableContainers tr td {
    border-bottom: none;
}

.dashboardHeaderContainerIcons a {
    text-decoration: none !important;
    color: #353439 !important;
}

.kpi-widget:not(.ce-flexbox-col) {
    color: #fff;
    background-color: #313035;
    padding-top: 15px !important;
}

    .kpi-widget .kpi-header {
        /*font-size: 0.9em;*/
        font-size: 16px !important;
        text-align: center;
    }

    .kpi-widget .kpi-subtext {
        font-size: 1.2em;
        font-weight: bold;
        text-align: center;
    }

    .kpi-widget span.kpi-subtext-note {
        font-size: 16px;
    }

    .kpi-widget.dashboard-widget.fullScreenElement {
        padding: 0;
    }

        .kpi-widget.dashboard-widget.fullScreenElement .kpi-header {
            position: relative;
            top: 3em;
            font-size: 3em;
            line-height: 3em;
            vertical-align: middle;
        }

        .kpi-widget.dashboard-widget.fullScreenElement .kpi-subtext {
            font-size: 5em;
            line-height: 5em;
            vertical-align: middle;
        }

        .kpi-widget.dashboard-widget.fullScreenElement .dashboard-widget-actions {
            margin-top: 0;
        }

div.ceChartFilters {
    width: auto;
    position: absolute;
    top: 50px;
    margin-left: 8px;
    z-index: 100;
    background-color: #fff;
    padding: 12px;
    padding-top: 0;
    border: 1px solid #cdcdcd;
    float: right;
    font-size: 13px;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    right: 0;
    display: inline-block;
}

.ajax-container div.ceChartFilters {
    top: 34px;
}

div.dashboardHeaderContainers > div.ceChartFilters {
    top: 36px !important;
}

#ceDashboardContainer div.ceChartFilters {
    top: 28px;
}

div.ceChartFilters > div.line-break > label {
    white-space: nowrap;
}

a:link.dashboardWidgetFilterApplyButtons {
    float: right;
}

/*End Dashboard Common Styles*/
/*Flot Chart Styles*/
div.legend {
    font-size: 10px;
    color: #676767;
}

.legendLayer .background {
    fill: rgba(255, 255, 255, 0.85);
    stroke: rgba(0, 0, 0, 0.85);
    stroke-width: 1;
}

.pieLabelBackground {
    display: none;
}

.pieLabel .toolTipButton {
    background-color: rgba(255,255,255,0.8);
    border: 1px solid #f3f3f3;
    font-size: 10px;
    padding-left: 5px;
    padding-right: 5px;
    word-break: break-word;
    max-width: 85px;
}

div.pieHoverLabel {
    position: absolute;
    bottom: 0px;
    font-size: 10px;
    text-align: center; 
    width: 100%;
}

div.dashboard-widget > div.error {
    display:none;
}

div.dashboard-widget > div.ajax-container > div.error {
    display: none;
}

div.flotLineTooltip {
    position: absolute;
    z-index: 1000;
    border: 1px solid #f3f3f3;
    padding: 5px;
    font-size: 10px;
    /*border-radius: 5px; */
    background-color: #ffffff; 
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    /*opacity: 0.9;*/
}

div.flotBarTooltip {
    position: absolute;
    z-index: 1000;
    border: 1px solid #f3f3f3;
    padding: 5px;
    font-size: 10px;
    /*border-radius: 5px; */
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    /*opacity: 0.9;*/
}

/*End Flot Chart Styles*/

/*Contact Rank Widget*/
div.contactRankAnalysisPanels {    
    color: #353439;
    font-size: 14px;
    height: 19px;
}

div.contactRankWidgetPopoverContent {
    width: 100%;
    box-sizing: border-box;
}

span.contactRankWidgetPopoverToggle {
    width: 100%;
    box-sizing: border-box;
}

div.contactRankWidgetDetails {
    position: relative;
    top: 1px;
    margin-left: 2px;
}

div.contactRankAnalysisWidgetPopovers {
    width: 100%;
    box-sizing: border-box;
}

div.contactRankWidgetProbabilyDetails {
    position: relative;
}

div.contactRankWidgetAskAmountPanel {
    text-align: center;
}

div.contactRankWidgetFactorDetailsBottomPanel {
    display: flex;
    margin-top: 24px;
}

div.contactRankWidgetFactorDetailsBox {
    flex: 1;
    text-align: center;
}

div.contactRankWidgetFactorDetails {
    font-size: 16px;
    font-weight: bold;
}

.rank-icon {
    font-size: 24px;
    color: #ffd603;
}

div.contactRankWidgetProbabilityHeaders {
    margin-bottom: 4px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

div.giftProbabiityMeterContainers {
    display: flex;
    align-items: flex-end;
    position: relative;
    width: 100%;
    height: 100px;
}

div.giftProbabilityMeterOutlines {
    flex: 1;
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url('../../images/gift-probability-meter-outline.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 125px;
}

div.giftProbabilityMeterFills {
    flex: 1;
    position: absolute;
    height: 80%;
    width: 100%;
    background-image: url('../../images/gift-probability-meter-fill.png');
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 125px;
    z-index: 1000000000;
}

div.giftProbabilityPercent {
    position: absolute;
    width: 100%;
    margin-top: -60px;
    text-align: center;
    font-weight: bold;
    z-index: 1000000000;
}
/*End Contact Rank Widget*/

/*Begin From Nav Tabs*/
.ce-nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.ce-nav-link {
    display: inline-block;
}

    .ce-nav-link:focus, .ce-nav-link:hover {
        text-decoration: none;
    }

    .ce-nav-link.disabled {
        color: #818a91;
    }

        .ce-nav-link.disabled, .ce-nav-link.disabled:focus, .ce-nav-link.disabled:hover {
            color: #818a91;
            cursor: not-allowed;
            background-color: transparent;
        }

.ce-nav-inline .ce-nav-item {
    display: inline-block;
}

    .ce-nav-inline .ce-nav-item + .ce-nav-item,
    .ce-nav-inline .ce-nav-link + .ce-nav-link {
        margin-left: 1rem;
    }

.ce-nav-tabs::after {
    content: "";
    display: table;
    clear: both;
}

.ce-nav-tabs .ce-nav-item {
    float: left;
    margin-bottom: -1px;
}

    .ce-nav-tabs .ce-nav-item + .ce-nav-item {
        margin-left: 0.2rem;
    }

.ce-nav-tabs .ce-nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: #fff;
}

    .ce-nav-tabs .ce-nav-link.disabled, .ce-nav-tabs .ce-nav-link.disabled:focus, .ce-nav-tabs .ce-nav-link.disabled:hover {
        color: #818a91;
        background-color: transparent;
        border-color: transparent;
    }

    .ce-nav-tabs .ce-nav-link.active, .ce-nav-tabs .ce-nav-link.active:focus, .ce-nav-tabs .ce-nav-link.active:hover,
    .ce-nav-tabs .ce-nav-item.open .ce-nav-link,
    .ce-nav-tabs .ce-nav-item.open .ce-nav-link:focus,
    .ce-nav-tabs .ce-nav-item.open .ce-nav-link:hover {
        color: #55595c;
        background-color: #fff;
    }

.ce-nav-tabs .dropdown-menu {
    margin-top: -1px;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

.ce-nav-pills::after {
    content: "";
    display: table;
    clear: both;
}

.ce-nav-pills .ce-nav-item {
    float: left;
}

    .ce-nav-pills .ce-nav-item + .ce-nav-item {
        margin-left: 0.2rem;
    }

.ce-nav-pills .ce-nav-link {
    display: block;
    padding: 0.5em 1em;
    border-radius: 0.25rem;
}

    .ce-nav-pills .ce-nav-link.active, .ce-nav-pills .ce-nav-link.active:focus, .ce-nav-pills .ce-nav-link.active:hover,
    .ce-nav-pills .ce-nav-item.open .ce-nav-link,
    .ce-nav-pills .ce-nav-item.open .ce-nav-link:focus,
    .ce-nav-pills .ce-nav-item.open .ce-nav-link:hover {
        color: #fff;
        cursor: default;
        background-color: #0275d8;
    }

.ce-nav-stacked .ce-nav-item {
    display: block;
    float: none;
}

    .ce-nav-stacked .ce-nav-item + .ce-nav-item {
        margin-top: 0.2rem;
        margin-left: 0;
    }

.tab-content > .tab-pane {
    display: none;
}

.tab-content > .active {
    display: block;
}

.ce-navbar {
    position: relative;
    padding: 0.5rem 1rem;
}

    .ce-navbar::after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 576px) {
    .ce-navbar {
        border-radius: 0.25rem;
    }
}

.ce-navbar-full {
    z-index: 1000;
}

@media (min-width: 576px) {
    .ce-navbar-full {
        border-radius: 0;
    }
}

.ce-navbar-fixed-top,
.ce-navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
}

@media (min-width: 576px) {
    .ce-navbar-fixed-top,
    .ce-navbar-fixed-bottom {
        border-radius: 0;
    }
}

.ce-navbar-fixed-top {
    top: 0;
}

.ce-navbar-fixed-bottom {
    bottom: 0;
}

.ce-navbar-sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1030;
    width: 100%;
}

@media (min-width: 576px) {
    .ce-navbar-sticky-top {
        border-radius: 0;
    }
}

.ce-navbar-brand {
    float: left;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    margin-right: 1rem;
    font-size: 1.25rem;
    line-height: inherit;
}

    .ce-navbar-brand:focus, .ce-navbar-brand:hover {
        text-decoration: none;
    }

.ce-navbar-divider {
    float: left;
    width: 1px;
    padding-top: 0.425rem;
    padding-bottom: 0.425rem;
    margin-right: 1rem;
    margin-left: 1rem;
    overflow: hidden;
}

    .ce-navbar-divider::before {
        content: "\00a0";
    }

.ce-navbar-text {
    display: inline-block;
    padding-top: .425rem;
    padding-bottom: .425rem;
}

.ce-navbar-toggler {
    width: 2.5em;
    height: 2em;
    padding: 0.5rem 0.75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: transparent no-repeat center center;
    -webkit-background-size: 24px 24px;
    background-size: 24px 24px;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}

    .ce-navbar-toggler:focus, .ce-navbar-toggler:hover {
        text-decoration: none;
    }

.ce-navbar-toggleable-xs::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 575px) {
    .ce-navbar-toggleable-xs .ce-navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    .ce-navbar-toggleable-xs .ce-navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .ce-navbar-toggleable-xs .ce-navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }
}

@media (min-width: 576px) {
    .ce-navbar-toggleable-xs {
        display: block;
    }
}

.ce-navbar-toggleable-sm::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 767px) {
    .ce-navbar-toggleable-sm .ce-navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    .ce-navbar-toggleable-sm .ce-navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .ce-navbar-toggleable-sm .ce-navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }
}

@media (min-width: 768px) {
    .ce-navbar-toggleable-sm {
        display: block;
    }
}

.ce-navbar-toggleable-md::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 991px) {
    .ce-navbar-toggleable-md .ce-navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    .ce-navbar-toggleable-md .ce-navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .ce-navbar-toggleable-md .ce-navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }
}

@media (min-width: 992px) {
    .ce-navbar-toggleable-md {
        display: block;
    }
}

.ce-navbar-toggleable-lg::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 1199px) {
    .ce-navbar-toggleable-lg .ce-navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    .ce-navbar-toggleable-lg .ce-navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .ce-navbar-toggleable-lg .ce-navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }
}

@media (min-width: 1200px) {
    .ce-navbar-toggleable-lg {
        display: block;
    }
}

.ce-navbar-toggleable-xl {
    display: block;
}

    .ce-navbar-toggleable-xl::after {
        content: "";
        display: table;
        clear: both;
    }

    .ce-navbar-toggleable-xl .ce-navbar-brand {
        display: block;
        float: none;
        margin-top: .5rem;
        margin-right: 0;
    }

    .ce-navbar-toggleable-xl .ce-navbar-nav {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }

        .ce-navbar-toggleable-xl .ce-navbar-nav .dropdown-menu {
            position: static;
            float: none;
        }

.ce-navbar-nav .ce-nav-item {
    float: left;
}

.ce-navbar-nav .ce-nav-link {
    display: block;
    padding-top: .425rem;
    padding-bottom: .425rem;
}

    .ce-navbar-nav .ce-nav-link + .ce-nav-link {
        margin-left: 1rem;
    }

.ce-navbar-nav .ce-nav-item + .ce-nav-item {
    margin-left: 1rem;
}

.ce-navbar-light .ce-navbar-brand,
.ce-navbar-light .ce-navbar-toggler {
    color: rgba(0, 0, 0, 0.9);
}

    .ce-navbar-light .ce-navbar-brand:focus, .ce-navbar-light .ce-navbar-brand:hover,
    .ce-navbar-light .ce-navbar-toggler:focus,
    .ce-navbar-light .ce-navbar-toggler:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.ce-navbar-light .ce-navbar-nav .ce-nav-link {
    color: rgba(0, 0, 0, 0.5);
}

    .ce-navbar-light .ce-navbar-nav .ce-nav-link:focus, .ce-navbar-light .ce-navbar-nav .ce-nav-link:hover {
        color: rgba(0, 0, 0, 0.7);
    }

    .ce-navbar-light .ce-navbar-nav .open > .ce-nav-link, .ce-navbar-light .ce-navbar-nav .open > .ce-nav-link:focus, .ce-navbar-light .ce-navbar-nav .open > .ce-nav-link:hover,
    .ce-navbar-light .ce-navbar-nav .active > .ce-nav-link,
    .ce-navbar-light .ce-navbar-nav .active > .ce-nav-link:focus,
    .ce-navbar-light .ce-navbar-nav .active > .ce-nav-link:hover,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.open,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.open:focus,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.open:hover,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.active,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.active:focus,
    .ce-navbar-light .ce-navbar-nav .ce-nav-link.active:hover {
        color: rgba(0, 0, 0, 0.9);
    }

.ce-navbar-light .ce-navbar-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-color: rgba(0, 0, 0, 0.1);
}

.ce-navbar-light .ce-navbar-divider {
    background-color: rgba(0, 0, 0, 0.075);
}

.ce-navbar-dark .ce-navbar-brand,
.ce-navbar-dark .ce-navbar-toggler {
    color: white;
}

    .ce-navbar-dark .ce-navbar-brand:focus, .ce-navbar-dark .ce-navbar-brand:hover,
    .ce-navbar-dark .ce-navbar-toggler:focus,
    .ce-navbar-dark .ce-navbar-toggler:hover {
        color: white;
    }

.ce-navbar-dark .ce-navbar-nav .ce-nav-link {
    color: rgba(255, 255, 255, 0.5);
}

    .ce-navbar-dark .ce-navbar-nav .ce-nav-link:focus, .ce-navbar-dark .ce-navbar-nav .ce-nav-link:hover {
        color: rgba(255, 255, 255, 0.75);
    }

    .ce-navbar-dark .ce-navbar-nav .open > .ce-nav-link, .ce-navbar-dark .ce-navbar-nav .open > .ce-nav-link:focus, .ce-navbar-dark .ce-navbar-nav .open > .ce-nav-link:hover,
    .ce-navbar-dark .ce-navbar-nav .active > .ce-nav-link,
    .ce-navbar-dark .ce-navbar-nav .active > .ce-nav-link:focus,
    .ce-navbar-dark .ce-navbar-nav .active > .ce-nav-link:hover,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.open,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.open:focus,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.open:hover,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.active,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.active:focus,
    .ce-navbar-dark .ce-navbar-nav .ce-nav-link.active:hover {
        color: white;
    }

.ce-navbar-dark .ce-navbar-toggler {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    border-color: rgba(255, 255, 255, 0.1);
}

.ce-navbar-dark .ce-navbar-divider {
    background-color: rgba(255, 255, 255, 0.075);
}

.ce-navbar-toggleable-xs::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 575px) {
    .ce-navbar-toggleable-xs .ce-navbar-nav .ce-nav-item {
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 576px) {
    .ce-navbar-toggleable-xs {
        display: block !important;
    }
}

.ce-navbar-toggleable-sm::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 767px) {
    .ce-navbar-toggleable-sm .ce-navbar-nav .ce-nav-item {
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 768px) {
    .ce-navbar-toggleable-sm {
        display: block !important;
    }
}

.ce-navbar-toggleable-md::after {
    content: "";
    display: table;
    clear: both;
}

@media (max-width: 991px) {
    .ce-navbar-toggleable-md .ce-navbar-nav .ce-nav-item {
        float: none;
        margin-left: 0;
    }
}

@media (min-width: 992px) {
    .ce-navbar-toggleable-md {
        display: block !important;
    }
}

.ce-nav-tabs .ce-nav-item {
    float: left;
    margin-bottom: -1px;
}

.contacts .ce-tab-box-head-container .ce-nav-tabs > li > a.active {
    background-color: #eee;
    border-top: 3px solid #3bae78;
}

.ce-tab-box-head-container .ce-nav-tabs > li > a i + span {
    margin-left: 2px;
}

.ce-tab-box-body {
    position: relative;
    top: 0;
    padding: 12px;
}

@media (max-width: 991px) {
    .ce-nav-tabs .ce-nav-item {
        width: 100%;
        border-bottom: 1px solid #dadada;
        border-top: 0;
        margin-bottom: 0;
    }

        .ce-nav-tabs .ce-nav-item + .ce-nav-item {
            margin-left: 0;
        }

    .ce-nav-tabs .ce-nav-link {
        background-color: #dadada;
        border-bottom: 1px solid rgba(200, 200, 200, 1);
    }
}

.ce-tab-content-container {
    margin-top: 8px;
}


/*STEP WIZARD*/
.ce-tab-box-head-container.steps .ce-nav-tabs .ce-nav-item-spacer {
    float: left;
    top: 4px;
    position: relative;
}

.ce-tab-box-head-container.steps .ce-nav-tabs > li > a {
    font-weight: normal;
    font-size: .9em;
    line-height: 1em;
    color: #343539 !important;
    background-color: transparent;
}

.ce-tab-box-head-container.steps .ce-wizard-navigationList > li > a:hover {
    text-decoration: none !important;
}

.ce-tab-box-head-container.steps .ce-wizard-navigationList > li > a, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li > a:link, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li > a:visited, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li > a:hover {
    cursor: not-allowed !important;
}

.ce-tab-box-head-container.steps .ce-wizard-navigationList > li.stepVisited > a, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li.stepVisited > a:link, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li.stepVisited > a:visited, .ce-tab-box-head-container.steps .ce-wizard-navigationList > li.stepVisited > a:hover {
    cursor: pointer !important;
}

.ce-wizard-reviewPanel h3 {
    border-bottom: 1px solid gray;
}

.campaigns .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #502771;
}

.automation .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #774f38;
}

div.ce-tab-content-container fieldset.datainputonecolumn {
    float: none !important;
}

.ce-tab-box-head-container.steps .ce-tab-box-body {
    position: relative;
    top: 0;
    background-color: transparent;
}

.ce-tab-box-head-container.steps .ce-nav-tabs .ce-nav-link {
    display: block;
    padding: 0.5em 1em;
    border: 1px solid transparent;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    background-color: transparent;
}
/*STEP WIZARD - END*/

/*End From Nav Tabs*/

/*Contact Giving History*/

div.contactGivingHistoryContainers {
    display: inline-block;
    position: absolute;
    float: left;
    /*left:-160px;*/
}

div.contactGivingHistoryContainersSummaryMode {
    /*position: relative;*/
}

div.contactGivingHistoryContainersCardMode {
    /*top:290px;*/
}

/*Contact Giving History*/

/*Ported from sloppy dashboard bleeder*/

/*table {
    border-collapse: collapse;
    border-spacing: 0;
}

#main tbody td a {
    color: #037bc0;
}
*/
.ajax-container {
    position: relative;
    box-shadow: 1px 1px 5px #dadada;
    padding-bottom: 14px !important; /*fix for flot dashboard bar chart with only 2 columns - without this x-axis labels are covered*/
}

.ajaxDataSetTargetPanels {
    /*height: 245px !important;*/
    background: #fff;
    /*font-size: 13px;
    line-height: 1.428571429;*/
    color: #353439;
}

    .ajaxDataSetTargetPanels > span {
        display: block;
        padding: 10px 16px;
    }

.tabAjaxPanelTopHeader {
    position: relative;
    padding: 8px 12px;
    width: 100%;
    font-size: 13px;
    line-height: 1.428571429;
    color: #353439;
    background-color: #FFF;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
    box-sizing: border-box;
    float: left;
}

#ceDashboardContainer .tabAjaxPanelTopHeader {    
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);    
}

.tabAjaxPanelTopHeader h3 {
    margin-top: 4px;
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
    margin-bottom: 0;
    color: #353439;
    font-weight: bold;
    text-transform: none;
}

    .tabAjaxPanelTopHeader > .tabAjaxPanelTopHeaderText {
        float: left;
        width: auto;
    }

    .tabAjaxPanelTopHeader > .tabAjaxPanelTopRightActions {
        margin-top: 0;
        float: right;
        width: auto;
    }

.tabAjaxPanelTopRightIcons {
    font-size: 18px;
}

#ceDashboardContainer div.dashboardDataChartContainers {
    position: relative;
    width: 100%;    
    overflow: auto;
    height: 245px !important;
    background: #fff !important;
}

#prospectsContainer div.dashboardDataChartContainers {
    height: 260px !important;
}

#ceDashboardContainer div.dashboardDataChartContainers > table tr td {
    max-width: 198px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

        #ceDashboardContainer div.dashboardDataChartContainers > table tr td:last-child {
            text-align: right;
        }

    /*replacement for before to keep padding (3.30.2023)*/
    #ceDashboardContainer div.dashboardDataChartContainers > .dashboard-pagination {
        padding-left: 5px;
        padding-right: 5px;
    }

        #ceDashboardContainer div.dashboardDataChartContainers > .dashboard-pagination .paginationContainer {
            position: absolute;
            bottom: -23px;
            padding: 0 12px;
            width: 100%
        }

    #ceDashboardContainer div.dashboardDataChartContainers > span {
        float: left;
        padding: 10px;
    }

#ceDashboardContainer .dashboardPanelContainerHeaderContainers {
    position: relative;
    padding: 8px 12px;
    width: 100%;
    background-color: #FFF;
    /*border-bottom: 1px solid rgba(0, 0, 0, 0.125);*/
    box-sizing: border-box;
    float: left;
}

    #ceDashboardContainer .dashboardPanelContainerHeaderContainers h3 {
        font-size: 13px;
        line-height: 16px;
        margin-top: 0;
        margin-bottom: 0;
        color: #353439;
        font-weight: bold;
        text-transform: none;
    }

.dashboard-pagination {
    font-size: 13px;
}

    .dashboard-pagination .currentPage {
        color: #353439 !important;
    }

    .dashboard-pagination #prevPage,
    .dashboard-pagination #nextPage {
        margin: 0 8px;
    }

    .dashboard-pagination .paginationShowingPanel {
        width: initial;
    }

    .dashboard-pagination .paginationPagePanel {
        width: initial;
        margin-right: 0 !important;
    }

/*Ported from sloppy dashboard bleeder*/

/*Ported from sloppy dashbaords custom file*/

#ceDashboardContainer {
    width: 100%;
    float: left;
    box-sizing: border-box;
}

#mainFormContentArea_dashboardSelector {
    margin-top: 0;
}

#mp_togglePageDashboard {
    margin-left: 4px !important;
}

#ceDashboardContainer div.dashboardHeaderContainers {
    margin-right: 0px;
    margin-top: 1em;
    font-weight: bold;
}

    #ceDashboardContainer div.dashboardHeaderContainers > h2 {
        float: left;
        border-bottom: none;
        margin: 0px;
        margin-top: 0px;
        padding: 0px;
        color: #353439;
        font-size: 16px;
    }

#ceDashboardContainer span.dashboardHeaderContainerIcons {
    float: right;
    margin-top: 10px;
    cursor: pointer;
    color: #353439;
}

    #ceDashboardContainer span.dashboardHeaderContainerIcons:not(.fa-close) {
        margin-right: 8px;
    }

#ceDashboardContainer div.dashboardPanelContainerShelves {
    padding: 4px 4px !important;
    float: left;
}

#ceDashboardContainer .dashboardRowLevel {
    color: #000 !important;
}

#ceDashboardContainer .dashboardPanelContainers > .dashboardRowPanelContainerLevel li {
    padding-top: 2px;
}

    #ceDashboardContainer .dashboardPanelContainers > .dashboardRowPanelContainerLevel li:hover {
        font-weight: bold;
    }

.ui-dialog #mainFormContentArea_dialog_addWidgetPanel .radio-set {
    margin-top: 6px;
    margin-left: 0;
}

#ceDashboardContainer .dashboardChartContainers {
    padding: 10px;
    box-sizing: border-box;
    overflow: auto;
}

#ceDashboardContainer .dashboardDataChartContainers tr:nth-child(odd) td {
    background-color: #e8f7ff;
}

#ceDashboardContainer tr.header-row td.dataTableColumnHeaderCell {
    font-weight: bold;
    white-space: nowrap;
}

#ceDashboardContainer .dashboardDataChartContainers tr td {
    border-bottom: none;
}

#ceDashboardContainer .dashboardExternalContentContainers iframe {
    float: left;
}

#ceDashboardContainer div.ceChartFilterContainers.medium {
    width: auto;
    float: left;
}

    #ceDashboardContainer div.ceChartFilterContainers.medium div {
        width: 120px !important;
    }

    #ceDashboardContainer div.ceChartFilterContainers.medium input {
        width: 120px !important;
    }

#ceDashboardContainer .dashboardPieChartMemoContainers {
    position: relative;
    top: -10px;
}

#main #ceDashboardContainer .legend tbody {
    background-color: transparent;
}

    #main #ceDashboardContainer .legend tbody td {
        border-bottom: none;
        vertical-align: middle;
        font-size: smaller;
        padding: 8px 15px 10px 3px;
        background-color: transparent;
    }

#ceDashboardContainer .dashboardPieChartMemoContainers {
    position: relative;
    top: -10px;
}

#main #ceDashboardContainer .legend tbody td.legendColorBox {
    padding: 10px 0px;
}

    #main #ceDashboardContainer .legend tbody td.legendColorBox:first-child {
        padding-left: 10px;
    }

#ceDashboardContainer div.dashboardPanelContainerHeaderContainers > h3 {
    float: left;
}

#ceDashboardContainer span.dashboardPanelContainerHeaderContainerIcons {
    color: white;
    float: right;
    cursor: pointer;
}

    #ceDashboardContainer span.dashboardPanelContainerHeaderContainerIcons:not(.fa-close) {
        margin-right: 8px;
    }

#ceDashboardContainer div.dashboardPanelContainerHeaderContainers > h3 {
    float: left;
}

#ceDashboardContainer span.dashboardPanelContainerHeaderContainerIcons {
    color: #353439;
    float: right;
    cursor: pointer;
}

    #ceDashboardContainer span.dashboardPanelContainerHeaderContainerIcons:not(.fa-close) {
        margin-right: 8px;
    }

#appPanel .dashboardPanelContentContainers {
    float: left;
    width: 100%;
}

/* COMMON */
#ceDashboardContainer .dashboardChartContainers {
    padding: 0;
    box-sizing: border-box;
}

#ceDashboardContainer .dashboardDataChartContainers tr:nth-child(odd) td {
    /*background-color: #e8f7ff;*/
    background-color: #fff;
}

/* LARGE */
#ceDashboardContainer .dashboardDataTableLargeLayout th {
    color: #2d2d2d;
    font-weight: bold;
    font-size: .75em !important;
    padding: 20px 10px;
    border-bottom: 1px solid #d1d1d4;
    vertical-align: top;
    background-color: #eee;
    text-align: left;
    white-space: nowrap;
}

#ceDashboardContainer .dashboardDataTableLargeLayout tr {
    border-bottom: 2px solid #d1d1d4;
}

#ceDashboardContainer .dashboardDataTableLargeLayout td {
    color: #2d2d2d;
    font-size: .75em !important;
    padding: 20px 10px;
    vertical-align: top;
    background-color: #fff;
    text-align: left;
}

/* NORMAL */
#ceDashboardContainer .dashboardDataTableNormalLayout th {
    color: #757575;
    font-weight: bold;
    font-size: 12px;
    padding: 2px 5px 2px 5px !important;
    border-bottom: 1px solid #dadada;
    vertical-align: top;
    background-color: #fff;
    text-align: left;
}

#ceDashboardContainer .dashboardDataTableNormalLayout tr {
    border-bottom: 1px solid #eee;
}

#ceDashboardContainer .dashboardDataTableNormalLayout td {
    color: #2d2d2d;
    font-size: 12px;
    padding: 2px 12px;
    vertical-align: top;
    /*background-color: #f9f9fb;*/
    text-align: left;
}

#main textarea.codeEditors {
    max-width: none;
    width: auto;
    resize: both;
}

#main textarea.contentEditors {
    max-width: none;
    width: auto;
    resize: both;
}

div.dashboardPanelShelfContainerHeaderContainers h4 {
    margin-top: 10px;
    margin-left: 10px;
    font-size: 14px;
}

div.dashboardDataChartContainers span.dataTableColumnHeaderSeparators, span.dataTableColumnHeaderTableNames {
    display: none;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableHeadRows > th.tableHeadCols > div.dataTableColumnHeaders > span.dataTableColumnHeaderSeparators {
    display: none;
}

/*div.dashboardChartContainers */
span.dashboardLoadErrors {
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
}

.dashboardEditors + .dashboardPanelContainerHeaderContainers .filterIcons {
    display: none;
}

#mp_togglePageDashboard {
    position: absolute;
    top: 8px;
    right: 0;
}
/*END*/

/*FULLSCREEN*/
.fullscreenDashboard {
    background: #f1f1f2 !important;
}

    .fullscreenDashboard #main .wrap {
        margin-left: unset !important;
        padding: unset !important;
    }

    .fullscreenDashboard #content {
        padding-top: unset !important;
    }

    
    /*.fullscreenDashboard .fa-window-maximize*/
    .fullscreenDashboard #HeaderTitleContainer,
    .fullscreenDashboard #mp_togglePageDashboard,
    .fullscreenDashboard #dashboardSwitcher,
    .fullscreenDashboard #AppHomeNavigation_AppHomeNav,
    .fullscreenDashboard footer.site,
    .fullscreenDashboard #tableRowActiveFiltersContainer,
    .fullscreenDashboard #mainFormContentArea_searchManageScreenQuickFilterContainer,
    .fullscreenDashboard #MasterDataTableRecordSet,
    .fullscreenDashboard .closeIcons,
    .fullscreenDashboard .dashboardRows > .dashboardPanels > .dashboardPanelHeaderContainers > h2 {
        display: none;
    }

    .fullscreenDashboard #ceDashboardContainer {
        background: #f1f1f2;
    }

#ceDashboardContainer .fullScreenElement:not(.dashboard-widget) {
    /*height: auto !important;*/
    width: 100% !important;
    margin-top: 0 !important;
    padding: 20px;
    box-sizing: border-box;
    float: left;
}

#ceDashboardContainer .fullScreenElement div.dashboardHeaderContainers {
    margin-top: unset;
    float: left;
    width: 100%;
    margin-bottom: 1em;
}

.dashboardChartContainers table .reportDataColumnHeader {
    color: #757575 !important;
    background-color: #fff !important;
    text-transform: none !important;
    border-bottom: 1px solid rgb(218, 218, 218);
    line-height: unset !important;
    padding: 2px 5px 2px 5px !important;
}

.dashboardChartContainers table td {
    padding: 2px 5px 2px 5px !important;
    background-color: #f9f9fb !important;
    border-bottom: 1px solid #eee !important;
}

    .dashboardChartContainers table td.legendColorBox,
    .dashboardChartContainers table td.legendLabel {
        background-color: transparent !important;
        border-bottom: none !important;
        color: #fff !important;
    }

.dashboardChartContainers table tr:nth-child(odd) td:not(.legendColorBox, .legendLabel) {
    background-color: #fff !important;
}

.fullscreenDashboard #ceDashboardContainer div.dashboardRows {
    margin-top: 0 !important;
}

.fullscreenDashboard div.dashboardPanelShelfContainerHeaderContainers h4 {
    margin-top: 20px;
}

i + span,
span + i {
    margin-left: 4px;
}

.error-color-text {
    color: #ce4535 !important;
}

.warning-color-text {
    color: #f39c12 !important;
}

.success-color-text {
    color: #8bc53f !important;
}

.pieChartContainer .legend {
    display: none;
}

.dashboardEditors.dashboardRowLevel {
    display: flex !important;
    width: 36px;
    height: 427px;
    float: left;
    align-items: center;
}

    .dashboardEditors.dashboardRowLevel ul li {
        display: block;
        float: left;
        width: 100%;
    }

        .dashboardEditors.dashboardRowLevel ul li i {
            font-size: 24px;
            margin-top: 18px;
        }

    .dashboardEditors.dashboardRowLevel + .dashboardPanels {
        display: flex;
    }

.dashboardWidgetContainer .dashboardEditors {
    position: absolute;
    height: 0;
    top: 8px;
}

    .dashboardWidgetContainer .dashboardEditors ul li i {
        font-size: 18px;
    }

.dashboard-widget .ajax-container {
    height: 300px;
}

#ceDashboardContainer .queryTables.dashboardDataTable tr td {
    color: #2d2d2d;
    font-size: 12px;
    padding: 2px 12px;
    vertical-align: top;
    background-color: #f9f9fb;
    text-align: left;
}

#ceDashboardContainer .queryTables.dashboardDataTable tr:nth-child(odd) td {
    background-color: #fff;
}

#ceDashboardContainer .queryTables.dashboardDataTable th {
    font-weight: bold;
    font-size: 12px;
    padding: 2px 5px 2px 5px !important;
    border-bottom: 1px solid #dadada;
    vertical-align: top;
    background-color: #fff;
    text-align: left;
    line-height: normal;
}

#ceDashboardContainer .queryTables.dashboardDataTable .dataTableColumnHeaderSeparators {
    display: none;
}

@media print {

    #ceDashboardContainer {
        position: relative;
        top: 0;
    }

        #ceDashboardContainer div.dashboardPanelContainers {
            margin-top: 1em !important;
            margin-right: 0 !important;
            margin-left: 0 !important;
            width: 100% !important;
            border-right: 0 !important;
            border-left: 0 !important;
            border: 1px solid #c3c3c3 !important;
            padding: 0.2em !important;
            box-sizing: border-box;
            height: unset !important;
            page-break-inside: avoid;
        }

    .dashboardPanels {
        width: 100%;
        float: left;
    }

    .dashboardDataChartContainers.dashboardDataTableNormalLayout {
        height: unset !important;
    }

    .dashboardChartContainers.pieChartContainer,
    .dashboardChartContainers.barChartContainer {
        max-height: 400pt;
    }

        .dashboardChartContainers.pieChartContainer > canvas {
            width: 100% !important;
            height: auto !important;
        }

        .dashboardChartContainers.barChartContainer > canvas {
            height: 100% !important;
            width: 100% !important;
        }

    .dashboardPanelContainerHeaderContainerIcons {
        display: none !important;
    }

    .dashboardChartContainers table td.legendColorBox,
    .dashboardChartContainers table td.legendLabel {
        color: black !important;
    }

    #ceDashboardContainer div.legend > div {
        border-color: gray;
    }

    .dashboardPieChartMemoContainers {
        display: none;
    }

    .pieChartContainer .legend {
        display: block;
    }

    .pieChartContainer .pieLabelBackground,
    .pieChartContainer .pieLabel {
        display: none;
    }

    #ceDashboardContainer .dashboardPanelContainerHeaderContainers {
        border-top: none !important;
    }

    #ceDashboardContainer div.ceChartFilterContainers {
        width: 45%;
    }

    #main #ceDashboardContainer div.ceChartFilterContainers .selector {
        width: 100%;
    }

    #ceDashboardContainer .kpi-widget,
    #ceDashboardContainer .ajax-container {
        border: 1px solid #dadada;
    }

        #ceDashboardContainer .kpi-widget .kpi-icon {
            background-color: #fff !important;
        }

        #ceDashboardContainer .ajax-container .tabAjaxPanelTopHeader {
            background-color: #f9f9fb !important;
        }

        #ceDashboardContainer .ajax-container .dashboard-pagination .paginationShowingPanel {
            float: unset;
        }

        #ceDashboardContainer .ajax-container .dashboard-pagination .paginationPagePanel {
            display: none;
        }
}

/*End Ported from sloppy dashboards custom file*/

h4.fixedFormatReportFieldSetHeaders {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid gray;
    margin-bottom: 10px;
}

div.fixedFormatReportFieldSets {
    margin-bottom: 10px;
}

label.fixedFormatReportDataPointLabels {
    padding: 0px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px !important;
}

span.fixedFormatReportDataPointValues {
    font-weight: bold;
    padding: 0px !important;
    margin-top: 4px;
    margin-bottom: 4px;
    font-size: 14px !important;
    line-height: normal !important;    
}

/**/
/*CORE*/
/**/

/**/
/*FLEXBOX*/
/**/

/*flex container*/
.ce-flexbox-container {
    display: flex;
}

/*flex items stack horizontally (from left to right)*/
.ce-flexbox-horizontal {
    flex-direction: row;
}

/*flex items stack horizontally in reverse order (from right to left)*/
.ce-flexbox-horizontal-reverse {
    flex-direction: row-reverse;
}

/*flex items stack vertically (from top to bottom)*/
.ce-flexbox-vertical {
    flex-direction: column;
}

/*flex items stack vertically in reverse order (from bottom to top)*/
.ce-flexbox-vertical-reverse {
    flex-direction: column-reverse;
}

/*flex items wrap if necessary*/
.ce-flexbox-wrap {
    flex-wrap: wrap;
}

/*flex items wrap if necessary in reverse order*/
.ce-flexbox-wrap-reverse {
    flex-wrap: wrap-reverse;
}

/*flex items will not wrap*/
.ce-flexbox-nowrap {
    flex-wrap: nowrap;
}

/*flex items horizontally align at the beginning of the container*/
.ce-flexbox-x-start {
    justify-content: flex-start;
}

/*flex items horizontally align at the end of the container*/
.ce-flexbox-x-end {
    justify-content: flex-end;
}

/*flex items horizontally align at the center of the container*/
.ce-flexbox-x-center {
    justify-content: center;
}

/*flex items display with horizontal space before, between, and after*/
.ce-flexbox-x-space-around {
    justify-content: space-around;
}

/*flex items display with horizontal space between*/
.ce-flexbox-x-space-between {
    justify-content: space-between;
}

/*flex items vertically align at the top of the container*/
.ce-flexbox-items-start {
    align-items: flex-start;
}

/*flex items vertically align at the bottom of the container*/
.ce-flexbox-items-end {
    align-items: flex-end;
}

/*flex items vertically align at the center of the container*/
.ce-flexbox-items-center {
    align-items: center;
}

/*flex items stretch to fill the container*/
.ce-flexbox-items-stretch {
    align-items: stretch;
}

/*flex items align such as their baselines aligns*/
.ce-flexbox-items-baseline {
    align-items: baseline;
}

/*flex items display with vertical space before, between, and after*/
.ce-flexbox-y-space-around {
    align-content: space-around;
}

/*flex items display with vertical space between*/
.ce-flexbox-y-space-between {
    align-content: space-between;
}

/*flex items stretch to take up the remaining space*/
.ce-flexbox-content-stretch {
    align-content: stretch;
}

/*flex items display in the middle of the container*/
.ce-flexbox-content-center {
    align-content: center;
}

/*flex items display at the start of the container:*/
.ce-flexbox-content-start {
    align-content: flex-start;
}

/*flex lines at the end of the container*/
.ce-flexbox-content-end {
    align-content: flex-end;
}

/*overrides the default alignment set by the container's align-items property*/
.ce-flexbox-self-basline {
    align-self: baseline;
}

.ce-flexbox-self-center {
    align-self: center;
}

.ce-flexbox-self-start {
    align-self: flex-start;
}

.ce-flexbox-self-end {
    align-self: flex-end;
}

.ce-flexbox-self-stretch {
    align-self: stretch;
}

.ce-flexbox-col {
    flex: 1;
    margin-right: 1em;
    margin-left: 1em;
}

    .ce-flexbox-col:first-child {
        margin-left: 0;
    }

    .ce-flexbox-col:first-of-type {
        margin-left: 0;
    }

    .ce-flexbox-col:last-child {
        margin-right: 0;
    }

    .ce-flexbox-col:last-of-type {
        margin-right: 0;
    }

/**/
/*FLEXBOX*/
/**/

/**/
/*COLUMNS*/
/**/

.ce-container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
}

    .ce-container::after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 576px) {
    .ce-container {
        width: 540px;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .ce-container {
        width: 720px;
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .ce-container {
        width: 960px;
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .ce-container {
        width: 1140px;
        max-width: 100%;
    }
}

.ce-container-fluid {
    margin-left: auto;
    margin-right: auto;
}

    .ce-container-fluid::after {
        content: "";
        display: table;
        clear: both;
    }

.ce-row {
    margin-right: -8px;
    margin-left: -8px;
}

    .ce-row::after {
        content: "";
        display: table;
        clear: both;
    }

@media (min-width: 576px) {
    .ce-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 768px) {
    .ce-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 992px) {
    .ce-row {
        margin-right: -15px;
        margin-left: -15px;
    }
}

@media (min-width: 1200px) {
    .ce-row {
        margin-right: -8px;
        margin-left: -8px;
    }
}

.ce-col-xs, .ce-col-xs-1, .ce-col-xs-2, .ce-col-xs-3, .ce-col-xs-4, .ce-col-xs-5, .ce-col-xs-6, .ce-col-xs-7, .ce-col-xs-8, .ce-col-xs-9, .ce-col-xs-10, .ce-col-xs-11, .ce-col-xs-12, .ce-col-sm, .ce-col-sm-1, .ce-col-sm-2, .ce-col-sm-3, .ce-col-sm-4, .ce-col-sm-5, .ce-col-sm-6, .ce-col-sm-7, .ce-col-sm-8, .ce-col-sm-9, .ce-col-sm-10, .ce-col-sm-11, .ce-col-sm-12, .ce-col-md, .ce-col-md-1, .ce-col-md-2, .ce-col-md-3, .ce-col-md-4, .ce-col-md-5, .ce-col-md-6, .ce-col-md-7, .ce-col-md-8, .ce-col-md-9, .ce-col-md-10, .ce-col-md-11, .ce-col-md-12, .ce-col-lg, .ce-col-lg-1, .ce-col-lg-2, .ce-col-lg-3, .ce-col-lg-4, .ce-col-lg-5, .ce-col-lg-6, .ce-col-lg-7, .ce-col-lg-8, .ce-col-lg-9, .ce-col-lg-10, .ce-col-lg-11, .ce-col-lg-12, .ce-col-xl, .ce-col-xl-1, .ce-col-xl-2, .ce-col-xl-3, .ce-col-xl-4, .ce-col-xl-5, .ce-col-xl-6, .ce-col-xl-7, .ce-col-xl-8, .ce-col-xl-9, .ce-col-xl-10, .ce-col-xl-11, .ce-col-xl-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    box-sizing: border-box;
}

@media (min-width: 576px) {
    .ce-col-xs, .ce-col-xs-1, .ce-col-xs-2, .ce-col-xs-3, .ce-col-xs-4, .ce-col-xs-5, .ce-col-xs-6, .ce-col-xs-7, .ce-col-xs-8, .ce-col-xs-9, .ce-col-xs-10, .ce-col-xs-11, .ce-col-xs-12, .ce-col-sm, .ce-col-sm-1, .ce-col-sm-2, .ce-col-sm-3, .ce-col-sm-4, .ce-col-sm-5, .ce-col-sm-6, .ce-col-sm-7, .ce-col-sm-8, .ce-col-sm-9, .ce-col-sm-10, .ce-col-sm-11, .ce-col-sm-12, .ce-col-md, .ce-col-md-1, .ce-col-md-2, .ce-col-md-3, .ce-col-md-4, .ce-col-md-5, .ce-col-md-6, .ce-col-md-7, .ce-col-md-8, .ce-col-md-9, .ce-col-md-10, .ce-col-md-11, .ce-col-md-12, .ce-col-lg, .ce-col-lg-1, .ce-col-lg-2, .ce-col-lg-3, .ce-col-lg-4, .ce-col-lg-5, .ce-col-lg-6, .ce-col-lg-7, .ce-col-lg-8, .ce-col-lg-9, .ce-col-lg-10, .ce-col-lg-11, .ce-col-lg-12, .ce-col-xl, .ce-col-xl-1, .ce-col-xl-2, .ce-col-xl-3, .ce-col-xl-4, .ce-col-xl-5, .ce-col-xl-6, .ce-col-xl-7, .ce-col-xl-8, .ce-col-xl-9, .ce-col-xl-10, .ce-col-xl-11, .ce-col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 768px) {
    .ce-col-xs, .ce-col-xs-1, .ce-col-xs-2, .ce-col-xs-3, .ce-col-xs-4, .ce-col-xs-5, .ce-col-xs-6, .ce-col-xs-7, .ce-col-xs-8, .ce-col-xs-9, .ce-col-xs-10, .ce-col-xs-11, .ce-col-xs-12, .ce-col-sm, .ce-col-sm-1, .ce-col-sm-2, .ce-col-sm-3, .ce-col-sm-4, .ce-col-sm-5, .ce-col-sm-6, .ce-col-sm-7, .ce-col-sm-8, .ce-col-sm-9, .ce-col-sm-10, .ce-col-sm-11, .ce-col-sm-12, .ce-col-md, .ce-col-md-1, .ce-col-md-2, .ce-col-md-3, .ce-col-md-4, .ce-col-md-5, .ce-col-md-6, .ce-col-md-7, .ce-col-md-8, .ce-col-md-9, .ce-col-md-10, .ce-col-md-11, .ce-col-md-12, .ce-col-lg, .ce-col-lg-1, .ce-col-lg-2, .ce-col-lg-3, .ce-col-lg-4, .ce-col-lg-5, .ce-col-lg-6, .ce-col-lg-7, .ce-col-lg-8, .ce-col-lg-9, .ce-col-lg-10, .ce-col-lg-11, .ce-col-lg-12, .ce-col-xl, .ce-col-xl-1, .ce-col-xl-2, .ce-col-xl-3, .ce-col-xl-4, .ce-col-xl-5, .ce-col-xl-6, .ce-col-xl-7, .ce-col-xl-8, .ce-col-xl-9, .ce-col-xl-10, .ce-col-xl-11, .ce-col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 992px) {
    .ce-col-xs, .ce-col-xs-1, .ce-col-xs-2, .ce-col-xs-3, .ce-col-xs-4, .ce-col-xs-5, .ce-col-xs-6, .ce-col-xs-7, .ce-col-xs-8, .ce-col-xs-9, .ce-col-xs-10, .ce-col-xs-11, .ce-col-xs-12, .ce-col-sm, .ce-col-sm-1, .ce-col-sm-2, .ce-col-sm-3, .ce-col-sm-4, .ce-col-sm-5, .ce-col-sm-6, .ce-col-sm-7, .ce-col-sm-8, .ce-col-sm-9, .ce-col-sm-10, .ce-col-sm-11, .ce-col-sm-12, .ce-col-md, .ce-col-md-1, .ce-col-md-2, .ce-col-md-3, .ce-col-md-4, .ce-col-md-5, .ce-col-md-6, .ce-col-md-7, .ce-col-md-8, .ce-col-md-9, .ce-col-md-10, .ce-col-md-11, .ce-col-md-12, .ce-col-lg, .ce-col-lg-1, .ce-col-lg-2, .ce-col-lg-3, .ce-col-lg-4, .ce-col-lg-5, .ce-col-lg-6, .ce-col-lg-7, .ce-col-lg-8, .ce-col-lg-9, .ce-col-lg-10, .ce-col-lg-11, .ce-col-lg-12, .ce-col-xl, .ce-col-xl-1, .ce-col-xl-2, .ce-col-xl-3, .ce-col-xl-4, .ce-col-xl-5, .ce-col-xl-6, .ce-col-xl-7, .ce-col-xl-8, .ce-col-xl-9, .ce-col-xl-10, .ce-col-xl-11, .ce-col-xl-12 {
        padding-right: 15px;
        padding-left: 15px;
    }
}

@media (min-width: 1200px) {
    .ce-col-xs, .ce-col-xs-1, .ce-col-xs-2, .ce-col-xs-3, .ce-col-xs-4, .ce-col-xs-5, .ce-col-xs-6, .ce-col-xs-7, .ce-col-xs-8, .ce-col-xs-9, .ce-col-xs-10, .ce-col-xs-11, .ce-col-xs-12, .ce-col-sm, .ce-col-sm-1, .ce-col-sm-2, .ce-col-sm-3, .ce-col-sm-4, .ce-col-sm-5, .ce-col-sm-6, .ce-col-sm-7, .ce-col-sm-8, .ce-col-sm-9, .ce-col-sm-10, .ce-col-sm-11, .ce-col-sm-12, .ce-col-md, .ce-col-md-1, .ce-col-md-2, .ce-col-md-3, .ce-col-md-4, .ce-col-md-5, .ce-col-md-6, .ce-col-md-7, .ce-col-md-8, .ce-col-md-9, .ce-col-md-10, .ce-col-md-11, .ce-col-md-12, .ce-col-lg, .ce-col-lg-1, .ce-col-lg-2, .ce-col-lg-3, .ce-col-lg-4, .ce-col-lg-5, .ce-col-lg-6, .ce-col-lg-7, .ce-col-lg-8, .ce-col-lg-9, .ce-col-lg-10, .ce-col-lg-11, .ce-col-lg-12, .ce-col-xl, .ce-col-xl-1, .ce-col-xl-2, .ce-col-xl-3, .ce-col-xl-4, .ce-col-xl-5, .ce-col-xl-6, .ce-col-xl-7, .ce-col-xl-8, .ce-col-xl-9, .ce-col-xl-10, .ce-col-xl-11, .ce-col-xl-12 {
        padding-right: 8px;
        padding-left: 8px;
    }
}

.ce-col-xs-1 {
    float: left;
    width: 8.333333%;
}

.ce-col-xs-2 {
    float: left;
    width: 16.666667%;
}

.ce-col-xs-3 {
    float: left;
    width: 25%;
}

.ce-col-xs-4 {
    float: left;
    width: 33.333333%;
}

.ce-col-xs-5 {
    float: left;
    width: 41.666667%;
}

.ce-col-xs-6 {
    float: left;
    width: 50%;
}

.ce-col-xs-7 {
    float: left;
    width: 58.333333%;
}

.ce-col-xs-8 {
    float: left;
    width: 66.666667%;
}

.ce-col-xs-9 {
    float: left;
    width: 75%;
}

.ce-col-xs-10 {
    float: left;
    width: 83.333333%;
}

.ce-col-xs-11 {
    float: left;
    width: 91.666667%;
}

.ce-col-xs-12 {
    float: left;
    width: 100%;
}

.ce-pull-xs-0 {
    right: auto;
}

.ce-pull-xs-1 {
    right: 8.333333%;
}

.ce-pull-xs-2 {
    right: 16.666667%;
}

.ce-pull-xs-3 {
    right: 25%;
}

.ce-pull-xs-4 {
    right: 33.333333%;
}

.ce-pull-xs-5 {
    right: 41.666667%;
}

.ce-pull-xs-6 {
    right: 50%;
}

.ce-pull-xs-7 {
    right: 58.333333%;
}

.ce-pull-xs-8 {
    right: 66.666667%;
}

.ce-pull-xs-9 {
    right: 75%;
}

.ce-pull-xs-10 {
    right: 83.333333%;
}

.ce-pull-xs-11 {
    right: 91.666667%;
}

.ce-pull-xs-12 {
    right: 100%;
}

.ce-push-xs-0 {
    left: auto;
}

.ce-push-xs-1 {
    left: 8.333333%;
}

.ce-push-xs-2 {
    left: 16.666667%;
}

.ce-push-xs-3 {
    left: 25%;
}

.ce-push-xs-4 {
    left: 33.333333%;
}

.ce-push-xs-5 {
    left: 41.666667%;
}

.ce-push-xs-6 {
    left: 50%;
}

.ce-push-xs-7 {
    left: 58.333333%;
}

.ce-push-xs-8 {
    left: 66.666667%;
}

.ce-push-xs-9 {
    left: 75%;
}

.ce-push-xs-10 {
    left: 83.333333%;
}

.ce-push-xs-11 {
    left: 91.666667%;
}

.ce-push-xs-12 {
    left: 100%;
}

.ce-offset-xs-1 {
    margin-left: 8.333333%;
}

.ce-offset-xs-2 {
    margin-left: 16.666667%;
}

.ce-offset-xs-3 {
    margin-left: 25%;
}

.ce-offset-xs-4 {
    margin-left: 33.333333%;
}

.ce-offset-xs-5 {
    margin-left: 41.666667%;
}

.ce-offset-xs-6 {
    margin-left: 50%;
}

.ce-offset-xs-7 {
    margin-left: 58.333333%;
}

.ce-offset-xs-8 {
    margin-left: 66.666667%;
}

.ce-offset-xs-9 {
    margin-left: 75%;
}

.ce-offset-xs-10 {
    margin-left: 83.333333%;
}

.ce-offset-xs-11 {
    margin-left: 91.666667%;
}

@media (min-width: 576px) {
    .ce-col-sm-1 {
        float: left;
        width: 8.333333%;
    }

    .ce-col-sm-2 {
        float: left;
        width: 16.666667%;
    }

    .ce-col-sm-3 {
        float: left;
        width: 25%;
    }

    .ce-col-sm-4 {
        float: left;
        width: 33.333333%;
    }

    .ce-col-sm-5 {
        float: left;
        width: 41.666667%;
    }

    .ce-col-sm-6 {
        float: left;
        width: 50%;
    }

    .ce-col-sm-7 {
        float: left;
        width: 58.333333%;
    }

    .ce-col-sm-8 {
        float: left;
        width: 66.666667%;
    }

    .ce-col-sm-9 {
        float: left;
        width: 75%;
    }

    .ce-col-sm-10 {
        float: left;
        width: 83.333333%;
    }

    .ce-col-sm-11 {
        float: left;
        width: 91.666667%;
    }

    .ce-col-sm-12 {
        float: left;
        width: 100%;
    }

    .ce-pull-sm-0 {
        right: auto;
    }

    .ce-pull-sm-1 {
        right: 8.333333%;
    }

    .ce-pull-sm-2 {
        right: 16.666667%;
    }

    .ce-pull-sm-3 {
        right: 25%;
    }

    .ce-pull-sm-4 {
        right: 33.333333%;
    }

    .ce-pull-sm-5 {
        right: 41.666667%;
    }

    .ce-pull-sm-6 {
        right: 50%;
    }

    .ce-pull-sm-7 {
        right: 58.333333%;
    }

    .ce-pull-sm-8 {
        right: 66.666667%;
    }

    .ce-pull-sm-9 {
        right: 75%;
    }

    .ce-pull-sm-10 {
        right: 83.333333%;
    }

    .ce-pull-sm-11 {
        right: 91.666667%;
    }

    .ce-pull-sm-12 {
        right: 100%;
    }

    .ce-push-sm-0 {
        left: auto;
    }

    .ce-push-sm-1 {
        left: 8.333333%;
    }

    .ce-push-sm-2 {
        left: 16.666667%;
    }

    .ce-push-sm-3 {
        left: 25%;
    }

    .ce-push-sm-4 {
        left: 33.333333%;
    }

    .ce-push-sm-5 {
        left: 41.666667%;
    }

    .ce-push-sm-6 {
        left: 50%;
    }

    .ce-push-sm-7 {
        left: 58.333333%;
    }

    .ce-push-sm-8 {
        left: 66.666667%;
    }

    .ce-push-sm-9 {
        left: 75%;
    }

    .ce-push-sm-10 {
        left: 83.333333%;
    }

    .ce-push-sm-11 {
        left: 91.666667%;
    }

    .ce-push-sm-12 {
        left: 100%;
    }

    .ce-offset-sm-0 {
        margin-left: 0%;
    }

    .ce-offset-sm-1 {
        margin-left: 8.333333%;
    }

    .ce-offset-sm-2 {
        margin-left: 16.666667%;
    }

    .ce-offset-sm-3 {
        margin-left: 25%;
    }

    .ce-offset-sm-4 {
        margin-left: 33.333333%;
    }

    .ce-offset-sm-5 {
        margin-left: 41.666667%;
    }

    .ce-offset-sm-6 {
        margin-left: 50%;
    }

    .ce-offset-sm-7 {
        margin-left: 58.333333%;
    }

    .ce-offset-sm-8 {
        margin-left: 66.666667%;
    }

    .ce-offset-sm-9 {
        margin-left: 75%;
    }

    .ce-offset-sm-10 {
        margin-left: 83.333333%;
    }

    .ce-offset-sm-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 768px) {
    .ce-col-md-1 {
        float: left;
        width: 8.333333%;
    }

    .ce-col-md-2 {
        float: left;
        width: 16.666667%;
    }

    .ce-col-md-3 {
        float: left;
        width: 25%;
    }

    .ce-col-md-4 {
        float: left;
        width: 33.333333%;
    }

    .ce-col-md-5 {
        float: left;
        width: 41.666667%;
    }

    .ce-col-md-6 {
        float: left;
        width: 50%;
    }

    .ce-col-md-7 {
        float: left;
        width: 58.333333%;
    }

    .ce-col-md-8 {
        float: left;
        width: 66.666667%;
    }

    .ce-col-md-9 {
        float: left;
        width: 75%;
    }

    .ce-col-md-10 {
        float: left;
        width: 83.333333%;
    }

    .ce-col-md-11 {
        float: left;
        width: 91.666667%;
    }

    .ce-col-md-12 {
        float: left;
        width: 100%;
    }

    .ce-pull-md-0 {
        right: auto;
    }

    .ce-pull-md-1 {
        right: 8.333333%;
    }

    .ce-pull-md-2 {
        right: 16.666667%;
    }

    .ce-pull-md-3 {
        right: 25%;
    }

    .ce-pull-md-4 {
        right: 33.333333%;
    }

    .ce-pull-md-5 {
        right: 41.666667%;
    }

    .ce-pull-md-6 {
        right: 50%;
    }

    .ce-pull-md-7 {
        right: 58.333333%;
    }

    .ce-pull-md-8 {
        right: 66.666667%;
    }

    .ce-pull-md-9 {
        right: 75%;
    }

    .ce-pull-md-10 {
        right: 83.333333%;
    }

    .ce-pull-md-11 {
        right: 91.666667%;
    }

    .ce-pull-md-12 {
        right: 100%;
    }

    .ce-push-md-0 {
        left: auto;
    }

    .ce-push-md-1 {
        left: 8.333333%;
    }

    .ce-push-md-2 {
        left: 16.666667%;
    }

    .ce-push-md-3 {
        left: 25%;
    }

    .ce-push-md-4 {
        left: 33.333333%;
    }

    .ce-push-md-5 {
        left: 41.666667%;
    }

    .ce-push-md-6 {
        left: 50%;
    }

    .ce-push-md-7 {
        left: 58.333333%;
    }

    .ce-push-md-8 {
        left: 66.666667%;
    }

    .ce-push-md-9 {
        left: 75%;
    }

    .ce-push-md-10 {
        left: 83.333333%;
    }

    .ce-push-md-11 {
        left: 91.666667%;
    }

    .ce-push-md-12 {
        left: 100%;
    }

    .ce-offset-md-0 {
        margin-left: 0%;
    }

    .ce-offset-md-1 {
        margin-left: 8.333333%;
    }

    .ce-offset-md-2 {
        margin-left: 16.666667%;
    }

    .ce-offset-md-3 {
        margin-left: 25%;
    }

    .ce-offset-md-4 {
        margin-left: 33.333333%;
    }

    .ce-offset-md-5 {
        margin-left: 41.666667%;
    }

    .ce-offset-md-6 {
        margin-left: 50%;
    }

    .ce-offset-md-7 {
        margin-left: 58.333333%;
    }

    .ce-offset-md-8 {
        margin-left: 66.666667%;
    }

    .ce-offset-md-9 {
        margin-left: 75%;
    }

    .ce-offset-md-10 {
        margin-left: 83.333333%;
    }

    .ce-offset-md-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 992px) {
    .ce-col-lg-1 {
        float: left;
        width: 8.333333%;
    }

    .ce-col-lg-2 {
        float: left;
        width: 16.666667%;
    }

    .ce-col-lg-3 {
        float: left;
        width: 25%;
    }

    .ce-col-lg-4 {
        float: left;
        width: 33.333333%;
    }

    .ce-col-lg-5 {
        float: left;
        width: 41.666667%;
    }

    .ce-col-lg-6 {
        float: left;
        width: 50%;
    }

    .ce-col-lg-7 {
        float: left;
        width: 58.333333%;
    }

    .ce-col-lg-8 {
        float: left;
        width: 66.666667%;
    }

    .ce-col-lg-9 {
        float: left;
        width: 75%;
    }

    .ce-col-lg-10 {
        float: left;
        width: 83.333333%;
    }

    .ce-col-lg-11 {
        float: left;
        width: 91.666667%;
    }

    .ce-col-lg-12 {
        float: left;
        width: 100%;
    }

    .ce-pull-lg-0 {
        right: auto;
    }

    .ce-pull-lg-1 {
        right: 8.333333%;
    }

    .ce-pull-lg-2 {
        right: 16.666667%;
    }

    .ce-pull-lg-3 {
        right: 25%;
    }

    .ce-pull-lg-4 {
        right: 33.333333%;
    }

    .ce-pull-lg-5 {
        right: 41.666667%;
    }

    .ce-pull-lg-6 {
        right: 50%;
    }

    .ce-pull-lg-7 {
        right: 58.333333%;
    }

    .ce-pull-lg-8 {
        right: 66.666667%;
    }

    .ce-pull-lg-9 {
        right: 75%;
    }

    .ce-pull-lg-10 {
        right: 83.333333%;
    }

    .ce-pull-lg-11 {
        right: 91.666667%;
    }

    .ce-pull-lg-12 {
        right: 100%;
    }

    .ce-push-lg-0 {
        left: auto;
    }

    .ce-push-lg-1 {
        left: 8.333333%;
    }

    .ce-push-lg-2 {
        left: 16.666667%;
    }

    .ce-push-lg-3 {
        left: 25%;
    }

    .ce-push-lg-4 {
        left: 33.333333%;
    }

    .ce-push-lg-5 {
        left: 41.666667%;
    }

    .ce-push-lg-6 {
        left: 50%;
    }

    .ce-push-lg-7 {
        left: 58.333333%;
    }

    .ce-push-lg-8 {
        left: 66.666667%;
    }

    .ce-push-lg-9 {
        left: 75%;
    }

    .ce-push-lg-10 {
        left: 83.333333%;
    }

    .ce-push-lg-11 {
        left: 91.666667%;
    }

    .ce-push-lg-12 {
        left: 100%;
    }

    .ce-offset-lg-0 {
        margin-left: 0%;
    }

    .ce-offset-lg-1 {
        margin-left: 8.333333%;
    }

    .ce-offset-lg-2 {
        margin-left: 16.666667%;
    }

    .ce-offset-lg-3 {
        margin-left: 25%;
    }

    .ce-offset-lg-4 {
        margin-left: 33.333333%;
    }

    .ce-offset-lg-5 {
        margin-left: 41.666667%;
    }

    .ce-offset-lg-6 {
        margin-left: 50%;
    }

    .ce-offset-lg-7 {
        margin-left: 58.333333%;
    }

    .ce-offset-lg-8 {
        margin-left: 66.666667%;
    }

    .ce-offset-lg-9 {
        margin-left: 75%;
    }

    .ce-offset-lg-10 {
        margin-left: 83.333333%;
    }

    .ce-offset-lg-11 {
        margin-left: 91.666667%;
    }
}

@media (min-width: 1200px) {
    .ce-col-xl-1 {
        float: left;
        width: 8.333333%;
    }

    .ce-col-xl-2 {
        float: left;
        width: 16.666667%;
    }

    .ce-col-xl-3 {
        float: left;
        width: 25%;
    }

    .ce-col-xl-4 {
        float: left;
        width: 33.333333%;
    }

    .ce-col-xl-5 {
        float: left;
        width: 41.666667%;
    }

    .ce-col-xl-6 {
        float: left;
        width: 50%;
    }

    .ce-col-xl-7 {
        float: left;
        width: 58.333333%;
    }

    .ce-col-xl-8 {
        float: left;
        width: 66.666667%;
    }

    .ce-col-xl-9 {
        float: left;
        width: 75%;
    }

    .ce-col-xl-10 {
        float: left;
        width: 83.333333%;
    }

    .ce-col-xl-11 {
        float: left;
        width: 91.666667%;
    }

    .ce-col-xl-12 {
        float: left;
        width: 100%;
    }

    .ce-pull-xl-0 {
        right: auto;
    }

    .ce-pull-xl-1 {
        right: 8.333333%;
    }

    .ce-pull-xl-2 {
        right: 16.666667%;
    }

    .ce-pull-xl-3 {
        right: 25%;
    }

    .ce-pull-xl-4 {
        right: 33.333333%;
    }

    .ce-pull-xl-5 {
        right: 41.666667%;
    }

    .ce-pull-xl-6 {
        right: 50%;
    }

    .ce-pull-xl-7 {
        right: 58.333333%;
    }

    .ce-pull-xl-8 {
        right: 66.666667%;
    }

    .ce-pull-xl-9 {
        right: 75%;
    }

    .ce-pull-xl-10 {
        right: 83.333333%;
    }

    .ce-pull-xl-11 {
        right: 91.666667%;
    }

    .ce-pull-xl-12 {
        right: 100%;
    }

    .ce-push-xl-0 {
        left: auto;
    }

    .ce-push-xl-1 {
        left: 8.333333%;
    }

    .ce-push-xl-2 {
        left: 16.666667%;
    }

    .ce-push-xl-3 {
        left: 25%;
    }

    .ce-push-xl-4 {
        left: 33.333333%;
    }

    .ce-push-xl-5 {
        left: 41.666667%;
    }

    .ce-push-xl-6 {
        left: 50%;
    }

    .ce-push-xl-7 {
        left: 58.333333%;
    }

    .ce-push-xl-8 {
        left: 66.666667%;
    }

    .ce-push-xl-9 {
        left: 75%;
    }

    .ce-push-xl-10 {
        left: 83.333333%;
    }

    .ce-push-xl-11 {
        left: 91.666667%;
    }

    .ce-push-xl-12 {
        left: 100%;
    }

    .ce-offset-xl-0 {
        margin-left: 0%;
    }

    .ce-offset-xl-1 {
        margin-left: 8.333333%;
    }

    .ce-offset-xl-2 {
        margin-left: 16.666667%;
    }

    .ce-offset-xl-3 {
        margin-left: 25%;
    }

    .ce-offset-xl-4 {
        margin-left: 33.333333%;
    }

    .ce-offset-xl-5 {
        margin-left: 41.666667%;
    }

    .ce-offset-xl-6 {
        margin-left: 50%;
    }

    .ce-offset-xl-7 {
        margin-left: 58.333333%;
    }

    .ce-offset-xl-8 {
        margin-left: 66.666667%;
    }

    .ce-offset-xl-9 {
        margin-left: 75%;
    }

    .ce-offset-xl-10 {
        margin-left: 83.333333%;
    }

    .ce-offset-xl-11 {
        margin-left: 91.666667%;
    }
}

/**/
/*COLUMNS*/
/**/

/**/
/*TABLES*/
/**/

/* Tables */
#main table {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    min-width: 900px;
}

#main .panel.tiered.small-panel table {
    min-width: unset;
}

#main #ceDashboardContainer table {
    min-width: 0;
}

#main tr.lvl-1 th, #main tr.lvl-1 td {
    background-color: #f9f9fb;
}

#main tr.lvl-2 th, #main tr.lvl-2 td {
    background-color: #ffffff;
}

#main tr.lvl-3 th, #main tr.lvl-3 td {
    background-color: #e6e6e6;
}

#main tr.lvl-4 th, #main tr.lvl-4 td {
    background-color: #fff;
}

#main tr.lvl-5 th, #main tr.lvl-5 td {
    background-color: #f2f2f2;
}

#main thead th {
    position: relative;
    font-size: 12px;
    color: #fff;
    background-color: #3b3a3f;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 10px 3px;
    line-height: 36px;
    font-weight: 700;
    white-space: nowrap;
}

#ListingScreenTableWrapper table thead th {
    font-size: 0.85em;
}

    #ListingScreenTableWrapper table thead th.more.actions {
        text-align: right;
    }

#main thead th.sortable > div {
    position: relative;
}

#main thead th.sortable .dropdown {
    width: 128px;
    padding: 15px 10px;
    color: #037bc0;
    text-transform: none;
    background-color: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

    #main thead th.sortable .dropdown a {
        width: 20px;
        height: 20px;
        margin: 0 4px;
        text-align: center;
    }

#main thead th.sorted {
    background-color: #29c0ce;
}

#main thead th.sortable:hover {
    cursor: pointer;
    background: #4b4b4b url('/_images/bg-dropdown-mini.gif') no-repeat center bottom;
}

.donations #main thead th.sortable:hover {
    background-color: #29c0ce;
}

.online #main thead th.sortable:hover {
    background-color: #d40064;
}

.reports #main thead th.sortable:hover {
    background-color: #00a690;
}

#main thead th.sortable:hover .dropdown {
    top: 39px;
    left: -12px;
    cursor: default;
    opacity: 1;
    line-height: 14px !important;
}

.lt-ie9 #main thead th.sortable:hover .dropdown {
    top: 30px;
}

#main thead th[colspan] {
    background-color: #353439;
    text-align: center !important;
    border-right: 1px solid #fff;
    line-height: 28px;
}

#main thead th.tablecell-header-tier-2 {
    background-color: #353439;
    text-align: center !important;
    border-right: 1px solid #fff;
    line-height: 28px;
}

#main thead th.tablecell-header-tier-3[colspan] {
    background-color: #f1f1f2 !important;
    color: #353439;
    text-align: center !important;
    border: none;
    line-height: 28px;
}

#main thead th.spacer {
    background: none !important;
    border: none;
}

    #main thead th.spacer:hover, #main th[colspan]:hover {
        cursor: default;
    }

#main tbody {
    background-color: #fff;
}

    #main tbody th, #main tbody td {
        color: #2d2d2d;
        font-size: 0.75em /* 12px */;
        padding: 20px 10px;
        border-bottom: 1px solid #d1d1d4;
        vertical-align: top;
        background-color: #fff;
        text-align: left;
    }

#main #ListingScreenTableWrapper table tbody td {
    font-size: 0.85em;
}

#main .single-cell-table tbody td {
    border-bottom: none;
}

#main tbody th a, #main tbody td a {
    /*color: grey;*/
    color: #037bc0;
}

#main th a:hover, #main td a:hover {
    text-decoration: underline;
}

#main td a.sa-icon {
    font-size: 1.5em;
    color: #afafaf;
    outline: none;
}

#main #ListingScreenTableWrapper td.more.actions {
    text-align: right;
}

#main td a.sa-icon:hover, #main td.more:hover a {
    color: #037bc0;
    outline: none;
}

#main td.more > div {
    position: relative;
}

#main td.more a.sa-icon {
    display: block;
}

#main td.more .dropdown {
    margin-left: 0 !important;
    display: none;
}

/* action buttons */
#main td.more:hover .dropdown {
    top: 10px;
    left: 0;
    border-top: 1px solid #cdcdcd;
}

#main #ListingScreenTableWrapper td.more:hover .dropdown {
    left: unset;
    right: 0;
}

#main #ListingScreenTableWrapper td.more:hover .dropdown {
    top: 6px;
}
/* has .pointer */
#main td.more .dropdown ul {
    padding: 10px 15px;
    text-align: left;
}

#main #ListingScreenTableWrapper td.more .dropdown ul {
    text-align: right;
}

#main td.more .dropdown ul li {
    margin-bottom: 3px;
}

    #main td.more .dropdown ul li:last-child {
        margin-bottom: 0;
    }

#main td.more .dropdown a {
    color: #037bc0;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
}

    #main td.more .dropdown a:hover {
        text-decoration: underline;
    }

#main #ListingScreenTableWrapper td.more div.actions.dropdown {
    margin-left: -10px !important;
    display: none;
    right: 0;
}

#ListingScreenTableWrapper td.more div.more.actions.dropdown .pointer {
    display: none;
}
/* Nested table (detail rows) */
#main tbody td.flex {
    width: 26px;
}

#main tbody th.flex {
    width: 160px;
}

#main tbody .summary.expanded td {
    border-bottom: 1px solid #eee;
}

#main tbody .details th, #main tbody .details td { /*background-color: #fafafa;*/
}

#main tbody td td, #main tbody td th {
    border-bottom: none;
    padding: 0 10px;
    font-size: 1em;
}

    #main tbody td th[scope='row'] {
        text-align: right;
    }

#main tbody .details input[type='file'] {
    margin-top: 0;
}

#main tbody .lvl-2 .expand.sa-icon {
    padding-left: 25px;
}

#main tbody .lvl-3 .expand.sa-icon {
    padding-left: 50px;
}

#main tbody .lvl-4 .expand.sa-icon {
    padding-left: 70px;
}

#main tbody .lvl-5 .expand.sa-icon {
    padding-left: 90px;
}

table#ListingScreenTable tr td a.unmapped-field-warning {
    color: orangered;
    float: right;
    margin-right: 12px;
}

.pageTopLabelCell {
    text-align: center !important;
}

div.ModalSearchResults tr.BGColordGray td.dataTableColumnHeaderCell {
    background-color: #3b3a3f;
    color: #fff;
}

div.ModalSearchResults tr.BGColordGray td a.modalSearchSelectLink, a:link.modalSearchSelectLink {
    text-decoration: underline;
    color: #037bc0;
}

/*Ensuring tables inside of other panels span the whole panel width*/
/*.panel table:not(#mainFormContentArea_myDomainTable, #mainFormContentArea_LayoutTable, .detailsTable) {
    width: 96% !important;
    min-width: 0 !important;
}*/

.panel .card .action-block .ajaxDataSetTargetPanels table:not(#mainFormContentArea_myDomainTable, #mainFormContentArea_LayoutTable) {
    width: 100% !important;
}

/*Listing Screen Data View*/
#ListingScreenTableContainer.dataView {
    overflow-x: auto;
    width: 100%;
}

    #ListingScreenTableContainer.dataView th {
        padding: 5px 5px 3px;
        line-height: 36px;
    }

    #ListingScreenTableContainer.dataView tbody td {
        line-height: 15px;
        padding: 3px 2px;
        border: 1px solid #e0e0e0;
        word-break: break-all;
        word-wrap: break-word;
    }

    #ListingScreenTableContainer.dataView div {
        /*width: 100px;*/ /*Removed PJS*/
        line-height: 24px;
        /*padding: 0px 2px;*/ /*Removed PJS (looks like was added to fix div overflow horizontal scroll in pagination footer in detail view - try fixing table width)*/
    }

    #ListingScreenTableContainer.dataView td div {
        width: auto;
    }

/*Listing Screen Compact View*/
#ListingScreenTableContainer.compactView th {
    padding: 5px 10px 3px;
    line-height: 36px;
}

#ListingScreenTableContainer.compactView tbody td:not(.actions) {
    line-height: 15px;
    padding: 7px 0px 7px 10px;
    /*border: 1px solid #e0e0e0;*/
    word-break: break-all;
    word-wrap: break-word;
}

#ListingScreenTableContainer.compactView div:not(.actions) {
    /*width: 100px;*/ /*removed PJS*/
    line-height: 24px;
    /*padding: 0px 2px;*/ /*Removed PJS (looks like was added to fix div overflow horizontal scroll in pagination footer in detail view - try fixing table width)*/
}

div.paginationDisplayPanel {
    float: left;
    width: 25%;
}

div.paginationPagePanel {
    float: right;
    width: 25%;
    text-align: right;
}

div.paginationShowingPanel {
    float: left;
    width: 50%;
    text-align: center;
}

div.paginationContainer a {
    margin: 10px 5px 5px 5px;
    font-size: .8em;
}

div.paginationContainer span {
    margin: 10px 5px 5px 5px;
    font-size: .8em;
}

#ListingScreenTable td.noRecordsCell {
    text-align: center;
}

#ListingScreenTableContainer.dataView td.noRecordsCell {
    text-align: left;
    padding: 20px 50px;
}

div.paginationContainer a.currentPageSize,
div.paginationContainer a.disabledPageSelection,
div.paginationContainer a.currentPage {
    pointer-events: none;
    cursor: default;
    color: grey !important;
}

div.ceModalDialogs tr.BGColordGray td.dataTableColumnHeaderCell {
    font-weight: bold;
}

#main .ceModalDialogs .ceDialogContents table,
.ceModalDialogs .ceDialogContents table {
    width: 100%;
    min-width: unset;
}

.ceModalDialogs tbody th,
.ceModalDialogs tbody td {
    color: #2d2d2d;
    font-size: .75em /* 12px */;
    padding: 20px 10px;
    border-bottom: 1px solid #d1d1d4;
    vertical-align: top;
    background-color: #fff;
    text-align: left;
}

#main .ceModalDialogs tbody tr td.dataTableColumnHeaderCell,
.ceModalDialogs tbody tr td.dataTableColumnHeaderCell {
    position: relative;
    font-size: 12px;
    background-color: #fff;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 10px 3px !important;
    line-height: 36px;
    font-weight: 700;
    white-space: nowrap;
}

#main tr.ajaxTableResultsHeaderRows {
}

#main td.ajaxTableResultsHeaderCells {
    font-weight: bold;
    background-color: white !important;
}

#main td.ajaxTableResultsHeaderEmptyCells {
    background-color: white !important;
}

#main th.bulk-select input[type="checkbox"] {
    margin-top: 0;
}

#main td.bulk-select input[type="checkbox"] {
    margin-top: 8px;
}

.listingScreenViewToggle.renderBatchView {
    display: none;
}

#ListingScreenTable thead th.bulk-select.bis-batch input#cb_batch_select_all {
    position: relative;
    z-index: 10;
}

#ListingScreenTable td.bulk-select span.bulk-select + a.nonSupportedActionIcon {
    opacity: 0;
    pointer-events: none;
}

#ListingScreenTable td.bulk-select span.bulk-select.checked + a.nonSupportedActionIcon {
    opacity: 1;
    pointer-events: auto;
}

div.panel.tiered.group > div.group.pane > fieldset.group > div > table > tbody > tr.BGColordGray > td.dataTableColumnHeaderCell {
    font-weight: bold;
    padding-bottom: 0px !important;
    color: #333;
}

/*STREAM*/
#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td {
    padding: 10px;
    float: left;
    border-bottom: none;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row td.interaction-group-count {
    float: left;
    color: #eee;
    background-color: #606060;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    text-align: center;
    margin-bottom: 14px;
    cursor: pointer;
    padding: 3px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-group td.interaction-group-count,
#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel.not-time-grouped table td.interaction-group-count {
    float: left;
    color: #eee;
    background-color: #606060;
    border-radius: 0%;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-bottom: 14px;
    cursor: pointer;
    padding: 4px;
    margin-top: 6px;
    border-radius: 50%;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td.interaction-group-type {
    width: auto;
    float: left;
    font-size: 14px;
    font-weight: bold;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr div.ellipses-group-separator {
    display: block;
    height: 26px;
    border-bottom: 1px solid #dadada;
    overflow: hidden;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td.interaction-group-dates {
    width: auto;
    float: right;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    margin-top: -26px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-group::before {
    width: 100%;
    height: 10px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row,
#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-item-row {
    display: none;
}

    #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row td:first-child,
    #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-item-row td:first-child {
        margin-left: 60px;
    }

body.contactPersonScreen #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row td:first-child.personContactUIBlock,
body.contactPersonScreen #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-item-row td:first-child.personContactUIBlock {
    display: none;
}

body.contactPersonScreen #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row td.interaction-desc {
    margin-left: 60px;
}

body.contactPersonScreen #mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-item-row td.interaction-desc {
    margin-left: 125px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-time-grouped-row td.interaction-group-count {
    float: left;
    color: #eee;
    background-color: #313035;
    border-radius: 0%;
    text-align: center;
    margin-bottom: 8px;
    cursor: pointer;
    font-size: 10px;
    margin-top: 6px;
    padding: 2px 4px 6px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr:not(.interaction-detail) {
    min-height: 70px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr.interaction-detail {
    display: none;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td.interaction-type {
    margin-left: 45px;
    width: 8%;
    float: left;
    font-weight: bold;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr div.ellipses-separator {
    display: block;
    height: 26px;
    border-bottom: 1px dashed #dadada;
    overflow: hidden;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td.interaction-date {
    width: auto;
    float: right;
    text-align: right;
    margin-top: -26px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td span.contactBlockTypeIcons {
    margin-left: 45px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table tr td.interaction-desc {
    padding-left: 0;
    margin-left: -5px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table .interaction-time-group-summary {
    float: left;
    font-size: .8em;
    margin-left: 8px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table .interaction-time-group-summary-item:not(:first-child) {
    margin-left: 5px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table .interaction-time-group-summary-item:first-child {
    margin-left: 2px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table .interaction-time-group-summary-item:last-child {
    margin-right: 2px;
}

#mainFormContentArea_contactTimelinePanel_dataSetTargetPanel table .interaction-time-group-summary-item:not(:last-child)::after {
    content: ","
}

#MasterDataTableRecordSet[data-table-header="double-header"]:not(.dataViewRecordSet) #ListingScreenSortFieldsContainer,
#MasterDataTableRecordSet[data-table-header="double-header"]:not(.dataViewRecordSet) #ListingScreenDisplayModesToggleContainer {
    position: relative;
    top: 36px;
}

#ListingScreenTableContainer {
    /*overflow-x: auto;*/
    width: 100%;
    clear: left;
}

    #ListingScreenTableContainer .easyPieChart, div.ajaxDataSetTargetPanels .easyPieChart {
        position: relative;
        text-align: center;
        display: table;
        margin: 0px auto;
    }

        #ListingScreenTableContainer .easyPieChart canvas, div.ajaxDataSetTargetPanels .easyPieChart canvas {
            position: absolute;
            top: 0;
            left: 0
        }

    #ListingScreenTableContainer .easy-pie-chart .percent, div.ajaxDataSetTargetPanels .easy-pie-chart .percent {
        color: #444;
        font-size: 12px;
        font-weight: 700
    }

    #ListingScreenTableContainer .easy-pie-title, div.ajaxDataSetTargetPanels .easy-pie-title {
        display: inline-block;
        margin: 10px 6px 0;
        font-size: 12px;
        font-weight: 400;
        text-transform: uppercase;
        width: 100px;
        height: 19px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden
    }

        #ListingScreenTableContainer .easy-pie-title .icon-color-bad, #ListingScreenTableContainer .easy-pie-title .icon-color-good, div.ajaxDataSetTargetPanels .easy-pie-title .icon-color-bad, div.ajaxDataSetTargetPanels .easy-pie-title .icon-color-good {
            font-size: 18px
        }

    #ListingScreenTableContainer .easyPieChartLabel, div.ajaxDataSetTargetPanels .easyPieChartLabel {
        text-align: center;
        margin-top: 2px;
    }

.txt-color-greenLight {
    color: #71843f !important
}

tr.selected td {
    font-weight: bold;
}


/*New Quick Actions UI support (see campaigns, susatiners)*/
table.configActions {
    width: unset !important;
    min-width: unset !important;
}

    table.configActions tbody {
        background-color: unset !important;
    }

    table.configActions td.more {
        background-color: unset !important;
        line-height: 20px !important;
        height: 20px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
        width: auto !important;
        border-bottom: 0px !important;
    }

    table.configActions a.sa-text {
        text-transform: none !important;
        padding-bottom: 5px;
    }

    table.configActions i.icon-angle-down {
        vertical-align: middle !important;
    }

    table.configActions div.dropdown ul li {
        margin-bottom: 5px !important;
    }

#gl_queryPreviewDataSetContainer span.dataTableColumnHeaderTableNames, #dialog_QueryPreviewResultsRoot span.dataTableColumnHeaderTableNames {
    display: none;
}

#gl_queryPreviewDataSetContainer span.dataTableColumnHeaderSeparators, #dialog_QueryPreviewResultsRoot span.dataTableColumnHeaderSeparators {
    display: none;
}

#ListingScreenDisplayModesToggleContainer {
    float: right;
    height: 20px;
    margin-top: 12px;
    width: 50%;
    margin-bottom: 2px;
}

#main #displayToggleControl {
    position: relative;
    z-index: 10;
    float: right;
    font-size: .8em;
}

#ListingScreenDisplayModesContainer {
    position: relative;
    margin-right: 8px;
    z-index: 100;
    background-color: #fff;
    padding: 2px 10px;
    border: 1px solid #cdcdcd;
    float: right;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    display: none;
}

    #ListingScreenDisplayModesContainer::after {
        content: '\f0da';
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        top: 0px;
        right: -6px;
        font-weight: 900;
        color: white;
        text-shadow: 1px 1px 2px #757575;
    }

#ListingScreenSortFieldsContainer {
    font-size: .8em;
    display: inline-block;
    float: left;
    width: 50%;
    margin-top: 12px;
    overflow: visible;
    height: 24px;
    z-index: 10;
    margin-bottom: 2px;
}

#ListingScreenSortFieldsConfig::before {
    content: '\f0d9';
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 0px;
    left: -6px;
    font-weight: 900;
    font-size: 18px;
    color: white;
    text-shadow: -1px 1px 2px #757575;
}

#ListingScreenSortFieldsConfig {
    position: relative;
    margin-left: 8px;
    z-index: 100;
    background-color: #fff;
    padding: 2px 10px;
    border: 1px solid #cdcdcd;
    float: left;
    font-size: 13px;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    display: none;
}

#tableSortFieldToggleContainer {
    display: inline-block;
    float: left;
}

#ListingScreenSortFieldsList > li {
    display: block;
    width: auto;
    text-align: left;
}

    #ListingScreenSortFieldsList > li > a:not(.current-sortField) {
        color: gray !important;
    }

#tableSortDirectionContainer {
    display: inline-block;
    float: left;
    width: auto;
    margin-left: 5px;
    height: 20px;
    cursor: pointer;
}

    #tableSortDirectionContainer i:hover {
        color: #000;
    }

ul#ListingScreenDisplayModesList li a {
    padding: 0px 4px;
    font-size: 0.8em;
}

    ul#ListingScreenDisplayModesList li a i {
        margin-right: 4px;
    }

#ListingScreenTableContainer .easyPieChart, div.ajaxDataSetTargetPanels .easyPieChart {
    position: relative;
    text-align: center;
    display: table;
    margin: 0px auto;
    /*margin-left: 0;*/
}

    #ListingScreenTableContainer .easyPieChart canvas, div.ajaxDataSetTargetPanels .easyPieChart canvas {
        position: absolute;
        top: 0;
        left: 0
    }

#ListingScreenTableContainer .easy-pie-chart .percent, div.ajaxDataSetTargetPanels .easy-pie-chart .percent {
    color: #444;
    font-size: 12px;
    font-weight: 700
}

#ListingScreenTableContainer .easy-pie-title, div.ajaxDataSetTargetPanels .easy-pie-title {
    display: inline-block;
    margin: 10px 6px 0;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    width: 100px;
    height: 19px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

    #ListingScreenTableContainer .easy-pie-title .icon-color-bad, #ListingScreenTableContainer .easy-pie-title .icon-color-good, div.ajaxDataSetTargetPanels .easy-pie-title .icon-color-bad, div.ajaxDataSetTargetPanels .easy-pie-title .icon-color-good {
        font-size: 18px
    }

.txt-color-greenLight {
    color: #71843f !important
}

.diff-table thead th {
    text-transform: none !important;
    background-color: #fff !important;
    color: #2d2d2d !important;
}

.diff-table td {
    padding: 0 10px !important;
    border-bottom: none !important;
}

.diff-table tr td:first-child {
    font-weight: bold;
}

.diff-table tr th:nth-child(2),
.diff-table tr td:nth-child(2) {
    background-color: #f6f6f6 !important;
}

#ListingScreenTable_print {
    display: none;
}

#MasterDataTableRecordSet:not(.dataViewRecordSet) {
    width: fit-content;
    min-width: 100%;
}

#main .popover-content table {
    min-width: unset;
}

    #main .popover-content table tr.BGColordGray td {
        font-weight: bold;
        border-bottom: 1px solid #dadada;
        padding-bottom: -4px;
        font-size: 1em !important;
        line-height: normal;
    }

    #main .popover-content table tr:nth-child(even) td {
        background-color: #f9f9fb;
    }

    #main .popover-content table td {
        padding: 4px 24px !important;
        font-size: 1em !important;
        line-height: normal;
    }


#main #ListingScreenTableWrapper table tbody tr.table-footer-row.table-footer-row td {
    background-color: #dadada !important;
    font-weight: bold;
}


    #main #ListingScreenTableWrapper table tbody tr.table-footer-row.table-footer-row td .reportRowTotal {
        font-weight: bold;
    }

/**/
/*TABLES*/
/**/

/**/
/*LABELS-INPUTS*/
/**/

#main .radio-set, #main .checkbox-set {
    float: left;
    margin-right: 1em;
}

#main label {
    float: left;
    width: 130px;
    color: #353439;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: normal;
    padding: 10px 0 0;
    text-align: right;
}

    #main label.related-label {
        width: auto;
        margin-left: 12px;
    }

#main div.radio ~ label {
    width: auto;
    margin-left: 4px;
    margin-right: 20px;
}

label.xtraskinny {
    width: 50px !important;
}

label.skinny {
    width: 100px !important;
}

#main fieldset.fat label, #main fieldset.phat wide {
    width: 200px;
}

#main label.fat, #main label.phat {
    width: 200px;
}

#main fieldset.fat xtrafat, #main fieldset.phat xtrafat {
    width: 250px;
}

#main label.warningnote {
    width: 350px;
    color: red;
    text-align: left;
}


#main label.xtrafat {
    width: 250px;
}

#main input[type="text"].wide {
    width: 220px;
}

#main input[type="text"].fat, #main input[type="text"].phat {
    width: 250px;
}

#main input[type="text"].superfat {
    width: 300px;
}

#main label.mini {
    width: auto;
    margin-left: 8px;
}

#main label.auto {
    margin-top: 0.6em;
    margin-right: 1em;
    width: auto;
}

#main .radio-set label, #main .checkbox-set label {
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 2px;
    line-height: 12px;
    width: auto;
}

#main label.checkbox.related, #main label.radio.related, #main .checkbox-set.related-set label, #main .radio-set.related-set label {
    margin-top: 1.3em !important;
    margin-right: 12px !important;
}

#main .basic-filter div.radio-set span label {
    float: left;
    margin-top: 4px !important;
}

#main input[type='radio'] + label.radio {
    text-align: left;
}

#main div.radio + label {
    padding-top: 4px;
}

#main label.range {
    width: 41px;
}
/* assumes min to max with a group label */
#main header label {
    float: none !important;
    width: auto !important;
    margin-right: 0 !important;
}
/* for groupings with sub labels */
#main input[type='text'],
#main input[type='password'],
#main input[type='email'],
#main input[type='datetime'],
#main select:not(.multiLevelSelect),
#main select[multiple='multiple'],
#main textarea,
#main button.searchableDropDownButtons,
#main input[type='number'] {
    margin-top: 1em;
    float: left;
    height: 34px;
    line-height: 34px;
    font-size: 13px;
    text-align: left;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #dadada;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    width: 190px;
}

#main input[type='number'] {
    padding-right: 0;
}

#main select:not(.multiLevelSelect) {
    -webkit-appearance: None;
    -moz-appearance: none;
    appearance: none;
    background: #fff url(/_sysimages/dropdown_arrows.png) calc(100% - 10px) no-repeat;
    background-size: 8px;
    padding-right: 27px !important;
    width: 202px;
    height: 36px !important;
    line-height: 36px !important;
}

#main select[multiple="multiple"] {
    height: unset !important;
    line-height: unset !important;
    background: none;
}

#main div.selector select {
    width: 100%;
}

/*#main select:not(.multiLevelSelect) {
    margin-top: unset;
    height: 36px;
}*/

#main select[multiple='multiple'] {
    margin-top: 1em;
    height: unset;
}

#main label + select[multiple="multiple"] + button.ui-multiselect {
    margin-top: 1em;
}

#main input[type='text']:focus,
#main input[type='password']:focus,
#main input[type='email']:focus,
#main input[type='datetime']:focus,
#main input[type='file']:focus,
#main select:focus,
#main textarea:focus {
    border-color: #037bc0 !important;
}

#main input[type='text'].mini {
    width: 75px;
}

#main input[type='text'].inline {
    float: none;
    display: inline;
}

#main input[type='datetime'] {
    width: 114px;
    margin-right: 76px;
    background: #fff url('/_images/icon-calendar.png') 100px center no-repeat;
}

#main select {
    display: block;
    float: left;
    width: 202px;
}

#config #main select {
    float: right;
    width: auto;
    margin: 0;
}

#main input[type='text'].range {
    width: 40px;
}
/* assumes min to max with a group label */
#main input[type='checkbox'] {
    float: left;
    margin-top: 24px;
}

#main input[type='radio'] {
    float: left;
    margin-top: 17px;
}

#main .basic-filter input[type='radio'] {
    margin-top: 5px;
}

#main .basic-filter div.summaryDetailToggleContainers {
    width: 230px !important;
}

    /*#main .basic-filter input[type='radio'] + label {
        margin-bottom: 0 !important;
    }*/

#main table input[type='radio'] {
    margin-top: 0;
}

#main textarea {
    width: 60%;
    max-width: 580px;
    height: 100px;
    line-height: normal;
    margin-bottom: 1.25em;
}

#main .source-mode textarea {
    margin-bottom: 0;
}

#main textarea[rows="1"] {
    padding: 0 5px !important;
    height: 34px;
    line-height: 32px;
}

#main form label + p {
    float: left;
    font-size: 13px;
    line-height: 1.1em;
    padding: 8px 0 0;
    margin: 1em 0 0 0;
}

#main form label.line-break {
    width: 130px;
}

    #main form label.line-break.fat, #main form label.line-break.phat {
        width: 200px;
    }

    #main form label.line-break.xtrafat {
        width: 250px;
    }

    #main form label.line-break + input[type='checkbox'], #main form label.line-break + input[type='radio'] {
        margin-left: 10px;
    }

#main form .actions {
    clear: both;
    margin-left: 127px;
    min-width: 90px;
}

    #main form .actions input:last-child, #main form .actions a.button:last-child {
        margin-right: 0;
    }

@media all and (max-width: 991px) {
    #main form .actions {
        position: relative;
        margin-top: 15px;
        margin-left: 0px;
    }
}

#main form .toolbar.actions input {
    margin-top: 0;
}

#main form .related {
    margin-right: 10px;
    overflow: hidden;
}

/* form controls that need to be on the same line */
#main form .note {
    display: inline-block;
    margin: 1em 8px 0 8px;
    padding-top: 7px;
    font-size: 0.75em; /* 12px */
    line-height: 1.5em; /* 18px */
}

#main form .managebuttongroup {
    display: inline-block;
    margin: 1em 8px 0 16px;
}

    /*#main form p.left .left.managebuttongroup {
    margin-top: 0;
}*/

    #main form .managebuttongroup.topRow {
        margin-top: 0;
        margin-left: 0;
    }

#main form .managebuttongroupnoleftmargin {
    display: inline-block;
    margin: 1rem 8px 0 0px;
    margin-bottom: 12px;
}

#main form .managebuttongroupnobottommargin {
    margin-bottom: 0;
}

#main form .managebuttongroupnotopmargin {
    margin-top: 0;
}

#main form .managebuttongroupnomargin {
    margin: 0;
}

#main input[type='text'].forgetlogin {
    width: 150px;
}

/* Buttons */
#banner input[type='button'], #banner input[type='submit'], #main input[type='button'], #main input[type='submit'], nav.site input[type='button'], nav.site input[type='submit'], #main a.button {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0em 1em 0 0;
    padding: 7px 25px 4px;
    border: 0 none;
    font-size: 13px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    line-height: normal;
}

#main a.button {
    margin-top: 0;
    padding: 7px 25px 4px !important;
    border-radius: 0px;
    /*line-height: 1.23em;*/
}

    #main a.button.mini {
        padding: 7px 16px 4px !important;
        font-size: 11px;
    }

#banner input[type='submit'], nav.site input[type='submit'], #main input[type='submit'], #main a.button, #banner input[type='button'].ok, nav.site input[type='button'].ok, #main input[type='button'].ok {
    background-color: #7fc145;
    -webkit-box-shadow: 0px 2px 0px 0px #67a72e;
    box-shadow: 0px 2px 0px 0px #67a72e;
}

    #banner input[type='submit']:hover, nav.site input[type='submit']:hover, #main input[type='submit']:hover, #main a.button:hover, #banner input[type='button'].ok:hover, nav.site input[type='button'].ok:hover, #main input[type='button'].ok:hover {
        background-color: #76b540;
        -webkit-box-shadow: 0px 2px 0px 0px #5e992a;
        box-shadow: 0px 2px 0px 0px #5e992a;
    }

    #main a.button:hover {
        text-decoration: none;
    }

    #main input[type='button'], #main input[type='button'].cancel, #main a.button.cancel {
        background-color: #7e7e7e;
        -webkit-box-shadow: 0px 2px 0px 0px #5e5e5e;
        box-shadow: 0px 2px 0px 0px #5e5e5e;
    }

        #main input[type='button'].cancel:hover, #main a.button.cancel:hover {
            background-color: #6e6e6e;
            -webkit-box-shadow: 0px 2px 0px 0px #616161;
            box-shadow: 0px 2px 0px 0px #616161;
        }
/* App module specific button colors (hover brightness decreases 5%) */
.contacts #main input[type='submit'], .contacts #main input[type='button'].ok, .contacts #main a.button.ok {
    background-color: #54d197;
    box-shadow: 0px 2px 0px 0px #3bae78;
}

    .contacts #main input[type='submit']:hover, .contacts #main input[type='button'].ok:hover, .contacts #main a.button.ok:hover {
        background-color: #4fc48e;
    }

.contacts #main span#BatchModeSwitch a i.fa {
    color: #3bae78;
}

    .contacts #main span#BatchModeSwitch a i.fa:hover {
        color: #54d197;
    }

.donations #main input[type='submit'], .donations #main input[type='button'].ok, .donations #main a.button.ok {
    background-color: #29c0ce;
    box-shadow: 0px 2px 0px 0px #119eab;
}

    .donations #main input[type='submit']:hover, .donations #main input[type='button'].ok:hover, .donations #main a.button.ok:hover {
        background-color: #26b4c1;
    }

.donations #main span#BatchModeSwitch a i.fa {
    color: #29c0ce;
}

    .donations #main span#BatchModeSwitch a i.fa:hover {
        color: #26b4c1;
    }

.campaigns #main input[type='submit'], .campaigns #main input[type='button'].ok, .campaigns #main a.button.ok {
    background-color: #662b8e;
    box-shadow: 0px 2px 0px 0px #501f70;
}

    .campaigns #main input[type='submit']:hover, .campaigns #main input[type='button'].ok:hover, .campaigns #main a.button.ok:hover {
        background-color: #5d2782;
    }

.events #main input[type='submit'], .events #main input[type='button'].ok, .events #main a.button.ok {
    background-color: #d8c127;
    box-shadow: 0px 2px 0px 0px #c1a919;
}

    .events #main input[type='submit']:hover, .events #main input[type='button'].ok:hover, .events #main a.button.ok:hover {
        background-color: #ccb625;
    }

.advocacy #main input[type='submit'], .advocacy #main input[type='button'].ok, .advocacy #main a.button.ok {
    background-color: #da772c;
    box-shadow: 0px 2px 0px 0px #c35b16;
}

    .advocacy #main input[type='submit']:hover, .advocacy #main input[type='button'].ok:hover, .advocacy #main a.button.ok:hover {
        background-color: #cc6f29;
    }

.online #main input[type='submit'], .online #main input[type='button'].ok, .online #main a.button.ok {
    background-color: #d40064;
    box-shadow: 0px 2px 0px 0px #a1003a;
}

    .online #main input[type='submit']:hover, .online #main input[type='button'].ok:hover, .online #main a.button.ok:hover {
        background-color: #c7005e;
    }

.merchandise #main input[type='submit'], .merchandise #main input[type='button'].ok, .merchandise #main a.button.ok {
    background-color: #00a0ee;
    box-shadow: 0px 2px 0px 0px #0079ba;
}

    .merchandise #main input[type='submit']:hover, .merchandise #main input[type='button'].ok:hover, .merchandise #main a.button.ok:hover {
        background-color: #0097e0;
    }

.accounting #main input[type='submit'], .accounting #main input[type='button'].ok, .accounting #main a.button.ok {
    background-color: #719f1b;
    box-shadow: 0px 2px 0px 0px #5f8c0e;
}

    .accounting #main input[type='submit']:hover, .accounting #main input[type='button'].ok:hover, .accounting #main a.button.ok:hover {
        background-color: #679119;
    }

.reports #main input[type='submit'], .reports #main input[type='button'].ok, .reports #main a.button.ok {
    background-color: #13a08f;
    box-shadow: 0px 2px 0px 0px #027f6f;
}

    .reports #main input[type='submit']:hover, .reports #main input[type='button'].ok:hover, .reports #main a.button.ok:hover {
        background-color: #129484;
    }

.automation #main input[type='submit'], .automation #main input[type='button'].ok, .automation #main a.button.ok {
    background-color: #744f39;
    box-shadow: 0px 2px 0px 0px #563420;
}

    .automation #main input[type='submit']:hover, .automation #main input[type='button'].ok:hover, .automation #main a.button.ok:hover {
        background-color: #664532;
    }

#ToolbarActionsGroupBottom input[type='submit'], #ToolbarActionsGroupBottom input[type='button'], #ToolbarActionsGroupBottom {
    margin: 1em 0 0 0;
}

.small-square-button {
    width: auto;
    float: left;
    background-color: #fff !important;
    color: inherit !important;
    box-shadow: none !important;
    border: 1px solid #dadada !important;
    border-bottom-width: 1px;
    border-bottom-width: 2px !important;
    padding: 4px 18px !important;
    font-size: 14px !important;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
}

    .small-square-button:hover {
        background-color: #dadada !important;
        transform: scale(1.05);
        text-decoration: none !important;
    }

        .small-square-button:hover .button-icon {
            color: #fff !important;
        }

.medium-square-button.icon-added {
    width: 156px;
    float: left;
    background-color: #fff !important;
    color: inherit !important;
    box-shadow: none !important;
    border: 1px solid #dadada !important;
    border-bottom-width: 1px;
    border-bottom-width: 2px !important;
    padding: 12px 0px !important;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
    margin-right: 2em;
    margin-bottom: 1em;
    color: #353439 !important;
}

    .medium-square-button.icon-added.active {
        background-color: #dadada !important;
        box-shadow: 0px 0px 4px #fff !important;
    }

    .medium-square-button.icon-added:hover {
        transform: scale(1.1);
        color: #fff !important;
    }

    .medium-square-button.icon-added .button-icon {
        display: block;
        font-size: 18px;
    }

.medium-square-button .button-text {
    font-size: 13px;
}

.big-square-button.icon-added {
    width: 156px;
    float: left;
    margin-right: 42px;
    margin-bottom: 5em;
    background-color: #fff !important;
    color: #353439 !important;
    box-shadow: none !important;
    border: 1px solid #037bc0 !important;
    border-bottom-width: 2px !important;
    padding: 20px 12px !important;
    font-size: 14px !important;
    text-transform: none !important;
    text-align: center;
    cursor: pointer;
}

    .big-square-button.icon-added a {
        color: #353439 !important;
    }

    .big-square-button.icon-added.secondary {
        border: 1px solid #808080 !important;
    }

    .big-square-button.icon-added .button-icon {
        width: 100%;
        display: block;
        text-align: center;
        margin-bottom: 0.5em;
        color: #037bc0;
        font-size: 1.5em;
    }

    .big-square-button.icon-added.secondary .button-icon {
        color: #808080;
    }

    .big-square-button.icon-added:hover,
    .big-square-button.icon-added.selected {
        background-color: #037bc0 !important;
        color: #fff !important;
        box-shadow: 0px 0px 4px #fff !important;
        transform: scale(1.15);
    }

        .big-square-button.icon-added:hover a {
            color: #fff !important;
            text-decoration: none !important;
        }

    .big-square-button.icon-added.secondary:hover {
        background-color: #808080 !important;
        color: #fff !important;
        font-weight: bold;
        box-shadow: 0px 0px 4px #fff !important;
        transform: scale(1.15);
    }

    .big-square-button.icon-added .button-text {
        display: block;
        box-sizing: border-box;
    }

    .big-square-button.icon-added .button-help-text {
        width: 100%;
        margin-top: 4px;
        padding-top: 4px;
        font-size: 11px;
        line-height: 14px;
        float: left;
        border-top: 1px solid #eee;
        min-height: 28px;
    }

/*MODULE SPECIFIC COLORS*/
.contacts .medium-square-button.icon-added {
    border-color: #54d197 !important;
}

    .contacts .medium-square-button.icon-added:hover {
        background-color: #54d197 !important;
    }

.contacts .big-square-button.icon-added {
    border-color: #54d197 !important;
}

    .contacts .big-square-button.icon-added .button-icon {
        color: #54d197 !important;
    }

    .contacts .big-square-button.icon-added:hover,
    .contacts .big-square-button.icon-added.selected {
        background-color: #54d197 !important;
    }

.donations .medium-square-button.icon-added {
    border-color: #29c0ce !important;
}

    .donations .medium-square-button.icon-added:hover {
        background-color: #29c0ce !important;
    }

.donations .big-square-button.icon-added {
    border-color: #29c0ce !important;
}

    .donations .big-square-button.icon-added .button-icon {
        color: #29c0ce !important;
    }

    .donations .big-square-button.icon-added:hover,
    .donations .big-square-button.icon-added.selected {
        background-color: #29c0ce !important;
    }

.campaigns .medium-square-button.icon-added {
    border-color: #66358f !important;
}

    .campaigns .medium-square-button.icon-added:hover {
        background-color: #66358f !important;
    }

.campaigns .big-square-button.icon-added {
    border-color: #66358f !important;
}

    .campaigns .big-square-button.icon-added .button-icon {
        color: #66358f !important;
    }

    .campaigns .big-square-button.icon-added:hover,
    .campaigns .big-square-button.icon-added.selected {
        background-color: #66358f !important;
    }

.events .medium-square-button.icon-added {
    border-color: #dcbe19 !important;
}

    .events .medium-square-button.icon-added:hover {
        background-color: #dcbe19 !important;
    }

.events .big-square-button.icon-added {
    border-color: #dcbe19 !important;
}

    .events .big-square-button.icon-added .button-icon {
        color: #dcbe19 !important;
    }

    .events .big-square-button.icon-added:hover,
    .events .big-square-button.icon-added.selected {
        background-color: #dcbe19 !important;
    }

.advocacy .medium-square-button.icon-added {
    border-color: #e17823 !important;
}

    .advocacy .medium-square-button.icon-added:hover {
        background-color: #e17823 !important;
    }

.advocacy .big-square-button.icon-added {
    border-color: #e17823 !important;
}

    .advocacy .big-square-button.icon-added .button-icon {
        color: #e17823 !important;
    }

    .advocacy .big-square-button.icon-added:hover,
    .advocacy .big-square-button.icon-added.selected {
        background-color: #e17823 !important;
    }

.online .medium-square-button.icon-added {
    border-color: #c12768 !important;
}

    .online .medium-square-button.icon-added:hover {
        background-color: #c12768 !important;
    }

.online .big-square-button.icon-added {
    border-color: #c12768 !important;
}

    .online .big-square-button.icon-added .button-icon {
        color: #c12768 !important;
    }

    .online .big-square-button.icon-added:hover,
    .online .big-square-button.icon-added.selected {
        background-color: #c12768 !important;
    }

.merchandise .medium-square-button.icon-added {
    border-color: #10a2e6 !important;
}

    .merchandise .medium-square-button.icon-added:hover {
        background-color: #10a2e6 !important;
    }

.merchandise .big-square-button.icon-added {
    border-color: #10a2e6 !important;
}

    .merchandise .big-square-button.icon-added .button-icon {
        color: #10a2e6 !important;
    }

    .merchandise .big-square-button.icon-added:hover,
    .merchandise .big-square-button.icon-added.selected {
        background-color: #10a2e6 !important;
    }

.accounting .medium-square-button.icon-added {
    border-color: #75a315 !important;
}

    .accounting .medium-square-button.icon-added:hover {
        background-color: #75a315 !important;
    }

.accounting .big-square-button.icon-added {
    border-color: #75a315 !important;
}

    .accounting .big-square-button.icon-added .button-icon {
        color: #75a315 !important;
    }

    .accounting .big-square-button.icon-added:hover,
    .accounting .big-square-button.icon-added.selected {
        background-color: #75a315 !important;
    }

.reports .medium-square-button.icon-added {
    border-color: #13a08e !important;
}

    .reports .medium-square-button.icon-added:hover {
        background-color: #13a08e !important;
    }

.reports .big-square-button.icon-added {
    border-color: #13a08e !important;
}

    .reports .big-square-button.icon-added .button-icon {
        color: #13a08e !important;
    }

    .reports .big-square-button.icon-added:hover,
    .reports .big-square-button.icon-added.selected {
        background-color: #13a08e !important;
    }

.automation .medium-square-button.icon-added {
    border-color: #774f38 !important;
}

    .automation .medium-square-button.icon-added:hover {
        background-color: #774f38 !important;
    }

.automation .big-square-button.icon-added {
    border-color: #774f38 !important;
}

    .automation .big-square-button.icon-added .button-icon {
        color: #774f38 !important;
    }

    .automation .big-square-button.icon-added:hover,
    .automation .big-square-button.icon-added.selected {
        background-color: #774f38 !important;
    }

.configuration .medium-square-button.icon-added {
    border-color: #3b3a3f !important;
}

    .configuration .medium-square-button.icon-added:hover {
        background-color: #3b3a3f !important;
    }

.configuration .big-square-button.icon-added {
    border-color: #3b3a3f !important;
}

    .configuration .big-square-button.icon-added .button-icon {
        color: #3b3a3f !important;
    }

    .configuration .big-square-button.icon-added:hover,
    .configuration .big-square-button.icon-added.selected {
        background-color: #3b3a3f !important;
    }

.neutral.medium-square-button.icon-added {
    border-color: #dadada !important;
    color: #353439 !important;
}

    .neutral.medium-square-button.icon-added:hover,
    .neutral.medium-square-button.icon-added.active {
        background-color: #dadada !important;
    }

/*icon is white on hover regardless of module*/
.big-square-button.icon-added:hover .button-icon,
.big-square-button.icon-added.selected .button-icon {
    color: #fff !important;
}

js .wear #main .checkbox-set label, .js .wear #main .radio-set label {
    padding-top: 4px !important;
    line-height: normal;
}

.js .wear #main .checkbox-set label {
    padding-top: 7px;
}

.js .wear #main .dataInputValueCell .radio-set label {
    margin-top: 0px !important;
}

.related-set.radio-set > label {
    min-width: 30px;
    text-align: left !important;
    margin-left: 4px;
}

.mc_fieldPrefix {
    float: left;
    margin-top: 5px;
    margin-left: -10px;
    margin-right: 5px;
}

div.radio-set input[Type="radio"], span.radio-set input[Type="radio"] {
    transform: scale(1.4);
}

div.radio-set span label, span.radio-set label {
    padding-top: 2px !important;
    margin-left: 4px;
    margin-right: 18px;
}

.related-set.radio-set input + label + br {
    clear: left;
}

/* Advanced filters */
#main div.advanced-filter {
    /*background: #e2e2e2;*/
    display: none;
    border: 1px solid #d1d1d4;
    min-width: 926px;
}

#main .advanced-filter form, #main .advanced-filter div.group {
    padding: 30px 25px;
}

#main .advanced-filter fieldset div {
    display: inline-block;
    white-space: nowrap;
}

    #main .advanced-filter fieldset div.adv-filter-range-start {
        display: block;
    }

@media (max-width: 1248px) {
    #main .advanced-filter fieldset:not(.fullWidth) {
        width: 400px;
    }

    #main .advanced-filter #mainFormContentArea_TabPaymentFilters fieldset:not(.mini),
    #main .advanced-filter#mainFormContentArea_tableRowAdvFilterContainer fieldset:not(.mini) {
        width: 400px !important;
    }
}

@media (min-width: 1249px) and (max-width: 1659px) {
    #main .advanced-filter fieldset:not(.fullWidth) {
        width: 690px;
    }
}

@media (min-width: 1660px) and (max-width: 2027px) {
    #main .advanced-filter fieldset:not(.fullWidth) {
        width: 1035px !important;
    }
}

@media (min-width: 2028px) {
    #main .advanced-filter fieldset:not(.fullWidth) {
        width: 1380px;
    }
}

/* Width can contain exactly 2 columns of form controls */
#main .advanced-filter fieldset.mini {
    float: right;
    width: 150px;
    margin-right: 0;
    /*Aligning mini filters with other form fields*/
    position: absolute;
    /*padding: 12px;*/
    right: 0px;
}

    /* Width can contain only label and 2 checkboxes */
    #main .advanced-filter fieldset.mini label {
        width: 120px;
        white-space: nowrap;
    }

    #main .advanced-filter fieldset.mini input {
        margin-right: 5px;
    }

    #main .advanced-filter fieldset.mini div.radio {
        margin-right: 3px;
    }

        #main .advanced-filter fieldset.mini input + input, #main .advanced-filter fieldset.mini .checker + .checker, #main .advanced-filter fieldset.mini div.radio + div.radio {
            margin-right: 0;
        }

#main .advanced-filter .radio-set, #main .advanced-filter .checkbox-set {
    width: 202px !important;
    /*margin-bottom: 16px;*/
    margin-bottom: 12px;
}

#main .advanced-filter .mini .radio-set, #main .advanced-filter .mini .checkbox-set {
    width: 150px !important;
}

#main .advanced-filter .radio-set.fat, #main .advanced-filter .checkbox-set.fat, #main .advanced-filter .radio-set.phat, #main .advanced-filter .checkbox-set.phat {
    width: 540px !important;
}

/*Ensuring checkboxes keep two column format*/
#main .advanced-filter fieldset.mini, #main .advanced-filter .mini .radio-set, #main .advanced-filter .mini .checkbox-set {
    width: 222px !important;
    position: absolute;
    right: 25px;
}

#main .advanced-filter .actions {
    float: right;
    padding: 72px 0 0 !important;
}

#main .advanced-filter fieldset.mini header {
    float: right;
    width: 100%;
    text-align: right;
    padding-right: 26px;
}

#main .advanced-filter #mainFormContentArea_TabPaymentFilters fieldset.mini,
#main .advanced-filter#mainFormContentArea_tableRowAdvFilterContainer fieldset.mini {
    position: relative !important;
}

/* Basic Filters */
#main .basic-filter {
    margin: 1em 0 0em;
    margin-top:8px;
}

#main div.short-with-graph {
    margin: 1em 0 0.05em;
}

#main .basic-filter .col {
    float: left;
    width: 202px;
    margin-right: 20px;
    margin-bottom: 0.5em;
}

    /* Width can contain 1 label and input */
    #main .basic-filter .col + .col + .col {
        margin-right: 20px;
    }

    #main .basic-filter .col.mini {
        width: auto !important;
    }

    #main .basic-filter .col.col-fat {
        width: 232px !important;
    }

#main .basic-filter label {
    float: none;
    display: inline-block;
    text-align: left;
    line-height: 1em;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
}

#main .basic-filter .col.mini label {
    float: left;
    width: auto;
    margin-right: 18px;
    margin-top: 6px !important;
}

    #main .basic-filter .col.mini label:last-child {
        margin-right: 0 !important;
    }

#main .basic-filter .col.mini input {
    float: left;
    margin-right: 4px;
}

#main .basic-filter .col-fat label {
    width: auto;
}

#main .basic-filter select, #main .basic-filter .selector, #main .basic-filter input[type='text'] {
    margin-top: 0;
    width: 100%;
    box-sizing: border-box;
}

#main .basic-filter .col.mini input, #main .basic-filter .col.mini input, #main .basic-filter .col.mini .checker, #main .basic-filter .checker, #main .basic-filter .col.mini .radio, #main .basic-filter .radio {
    margin-top: 10px;
}

#main .basic-filter .col.mini span label {
    padding-top: 8px;
    margin-top: 6px;
}

#main select.wide {
    width: 610px;
}

#main .datesToLabel {
    margin-top: 20px;
}

#main .reportDataColumnHeader {
    white-space: nowrap;
}

#main .reportDataPointLabel {
    white-space: nowrap;
}

#main .reportTotalLabel {
    font-weight: 300;
}

#main .reportTotalDataPointLabel {
    font-weight: 300;
}

#main .reportRowTotal {
    text-decoration: none;
    font-weight: 300;
    color: #2D2D2D;
}

#main .reportColumnTotal {
    text-decoration: none;
    font-weight: 300;
    color: #2D2D2D;
}

#main .reportGrandTotal {
    text-decoration: none;
    font-weight: 300;
    color: #2D2D2D;
}

.toggleIconContainer {
    overflow: auto;
}

.rightToggleLabel {
    float: left;
    margin-top: 4px;
    margin-left: 5px;
}

.leftToggleLabel {
    float: left;
    margin-top: 4px;
    margin-right: 5px;
}

.toggleMode {
    float: left;
    cursor: pointer;
}

nav.dynamic .totalsLabel {
    padding: 0px 1px;
}

i.datePickerButton,
i.dateTimePickerButton {
    position: relative;
    top: 24px;
    left: 175px;
    cursor: pointer;
    width: 0;
    height: 0;
    float: left;
    pointer-events: none;
}

i.info-popover {
    position: relative;
    padding: 10px;
    top: 10px;
    color: #037bc0;
    font-size: 14px;
    cursor: pointer;
}

/*TODO: find better way to handle different widths of date pickers???*/
div.medium i.datePickerButton {
    left: 110px !important;
}

i.datePickerButton:hover,
i.dateTimePickerButton:hover {
    color: #7fc245;
}

.stacked-label i.datePickerButton,
.stacked-label i.dateTimePickerButton {
    top: 38px;
}
/*Batch actions checkbox and warnings*/
span.cb-bulk + a {
    display: none;
}

span.cb-bulk + a {
    display: none;
}

span.cb-bulk.checked[data-nonsupported] + a {
    display: inline;
}

/* Addin $ in front of a input field
*****************************************************/
#main .dollar-sign {
    position: relative !important;
    z-index: 2;
    float: left;
    margin-top: 13px;
    margin-right: 10px;
}

    #main .dollar-sign input {
        position: relative;
        z-index: 3;
        background: none;
        padding-left: 17px;
        float: none;
        margin: 0;
        width: 178px;
    }

    #main .dollar-sign .msgmode {
        position: absolute !important;
        bottom: 8px;
        left: 0;
        font-size: 13px !important;
        color: #676767;
        font-size: 60px;
        z-index: 10;
    }

@media screen and (-webkit-min-device-pixel-ratio:0) {
    #main .dollar-sign .msgmode {
        bottom: 8px;
    }
}

/*Override template defaults for pop up windows*/
/*Override pop up widget dropdowns*/
.ui-dialog-content label {
    margin-bottom: 0 !important;
}

/*Style event dialogs*/
.events .ui-dialog .ui-dialog-buttonpane button {
    background: #d8c127;
    box-shadow: 0px 2px 0px 0px #c1a919;
}

    .events .ui-dialog .ui-dialog-buttonpane button[disabled] {
        color: #606060;
    }

/*Style contact dialogs*/
.contacts .ui-dialog .ui-dialog-buttonpane button {
    background: #54d197;
    box-shadow: 0px 2px 0px 0px #3bae78;
}

/*Style donations dialogs*/
.donations .ui-dialog .ui-dialog-buttonpane button {
    background: #29c0ce;
    box-shadow: 0px 2px 0px 0px #119eab;
}

/*Style campaigns dialogs*/
.campaigns .ui-dialog .ui-dialog-buttonpane button {
    background: #662b8e;
    box-shadow: 0px 2px 0px 0px #501f70;
}

/*Style advocacy dialogs*/
.advocacy .ui-dialog .ui-dialog-buttonpane button {
    background: #da772c;
    box-shadow: 0px 2px 0px 0px #c35b16;
}

/*Style online dialogs*/
.online .ui-dialog .ui-dialog-buttonpane button {
    background: #d40064;
    box-shadow: 0px 2px 0px 0px #a1003a;
}

/*Style merchandise dialogs*/
.merchandise .ui-dialog .ui-dialog-buttonpane button {
    background: #00a0ee;
    box-shadow: 0px 2px 0px 0px #0079ba;
}

/*Style accounting dialogs*/
.accounting .ui-dialog .ui-dialog-buttonpane button {
    background: #719f1b;
    box-shadow: 0px 2px 0px 0px #5f8c0e;
}

/*Style reports dialogs*/
.reports .ui-dialog .ui-dialog-buttonpane button {
    background: #13a08f;
    box-shadow: 0px 2px 0px 0px #027f6f;
}

/*Style automation dialogs*/
.automation .ui-dialog .ui-dialog-buttonpane button {
    background: #744f39;
    box-shadow: 0px 2px 0px 0px #563420;
}

/*Horizontal radios*/
.ui-dialog .radio-set {
    margin-left: 10px;
}

    .ui-dialog .radio-set label, .ui-dialog .radio-set .radio {
        display: inline;
    }

.ui-buttonset {
    width: 90%;
    margin: 0 auto;
}

    .ui-buttonset .radio {
        opacity: 0;
        z-index: -9999;
        position: absolute;
        left: -1000px;
    }

#hmconfig_mode_radius.ui-buttonset label {
    width: 15%;
    margin: 0;
    display: inline;
    padding: 0;
}

.map-seetings .ui-buttonset label:nth-of-type(1) {
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.map-seetings .ui-buttonset label:nth-of-type(2) {
    -webkit-border-radius: 0;
    border-radius: 0;
}

.map-seetings .ui-buttonset label:nth-of-type(3) {
    -webkit-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.map-seetings .ui-state-default, .map-seetings .ui-widget-content .ui-state-default, .map-seetings .ui-widget-header .ui-state-default {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.map-seetings p.ui-state-default {
    margin: 10px;
}

/*tree labels*/
#main form label.treelevel1 {
    font-size: 14px;
    color: #7FC145;
}

#main form label.treelevel2 {
    font-size: 14px;
}

#main form label.treelevel3 {
    font-size: 12px;
    color: #7FC145;
}

#main form label.treelevel4 {
    font-size: 12px;
}

#main form label.treelevel5 {
    font-size: 12px;
}
/*end tree labels*/

/* Context Switcher */
.s-hidden {
    visibility: hidden;
    padding-right: 10px;
}

.ContextSSelect {
    top: 4px;
    cursor: pointer;
    display: inline-block;
    position: relative;
    font: normal 11px/22px Arial, Sans-Serif;
    color: black;
    border: 1px solid #ccc;
    height: 22px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

.ContextSStyledSelect {
    box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: inset 0 -2px 0 rgba(0,0,0,.05);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: white;
    padding: 0 10px;
    font-weight: bold;
    color: #333;
}

    .ContextSStyledSelect:after {
        content: "";
        width: 0;
        height: 0;
        border: 5px solid transparent;
        border-color: black transparent transparent transparent;
        position: absolute;
        top: 9px;
        right: 6px;
    }

    .ContextSStyledSelect:active, .ContextSStyledSelect.active {
        background-color: #eee;
    }

.ContextSOptions {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0 0;
    padding: 0 0;
    list-style: none;
    border: 1px solid #ccc;
    background-color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

    .ContextSOptions li {
        display: block !important;
        padding: 0 6px !important;
        margin: 0 0 !important;
        padding: 0 10px !important;
        border: none !important;
        width: 100%;
    }

        .ContextSOptions li:hover {
            background-color: #39f;
            color: white;
        }

#mainFormContentArea_TabGeneralOther .checkbox-set {
    margin-bottom: 15px;
    margin-top: 10px;
}

    #mainFormContentArea_TabGeneralOther .checkbox-set label {
        margin-top: 0 !important;
        margin-bottom: 10px;
    }

.btn-group .dropdown-toggle {
    font-size: 0.8125em;
    line-height: normal;
}

.selector option {
    padding-left: 6px !important;
}

label[for=mainFormContentArea_visibleToClient] {
    margin-top: 12px;
}

#mainFormContentArea_TabGeneralProcessorLog label {
    margin-top: 0.825em;
}

#mainFormContentArea_recHistContainer #mainFormContentArea_newFile {
    margin-top: 1.5em;
}

ul#subButtTop_dropdownMenu li {
    width: 100%;
}

#mainFormContentArea_refundClearPlannedPaymentContainer span.radio-set {
    margin-top: 1em;
}

#exportColumnsToChoose .checkBoxGroupHeaderIcon {
    width: 30px;
    margin: 0px -10px 0px -10px;
    display: inline;
    float: left;
}

#exportColumnsToChoose .checkBoxGroupHeader {
    font-weight: bold;
}

    #exportColumnsToChoose .checkBoxGroupHeader i {
        padding-right: 5px;
    }

#exportColumnsToChoose .checkboxContainer.grouped {
    margin-left: 10px;
    display: none;
}

    #exportColumnsToChoose .checkboxContainer.grouped.shownGroup {
        display: block;
    }

fieldset.group > p.tabOptionsTop div.checker {
    margin-top: 6px;
}

    fieldset.group > p.tabOptionsTop div.checker ~ label {
        margin-top: 5px !important;
    }

.contacts i.autocomplete-add-button {
    color: #3bae78;
}

.donations i.autocomplete-add-button {
    color: #119eab;
}

i.autocomplete-add-button {
    float: left;
    font-size: 1.5em;
    margin-top: 0.8em;
}

span.add-new-option {
    border-top: 1px dashed #b1b1b1;
    background-color: #efefef;
    display: inline-block;
    width: 100%;
    padding: 4px 6px;
    box-sizing: border-box;
}

    span.add-new-option:hover {
        background-color: transparent;
        color: #000 !important;
        font-weight: 400;
        border-color: #fff;
        cursor: pointer;
    }

span.auto-complete-dropdown-open-handle {
    position: relative;
    float: left;
    float: left;
    font-size: 0.5em;
    margin-top: 2em;
    left: -21px;
    cursor: pointer;
    background: white;
    padding: 0px 2px;
}

    span.auto-complete-dropdown-open-handle i {
        color: gray;
        font-size: 12px;
    }

/* Active Filters */
#main .active-filters {
    position: relative;
    margin: 1em 0;
    margin-bottom: 0px;
}

    #main .active-filters h3 {
        color: #353439;
        font-size: 0.8125em;
        background-color: transparent;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 4px;
        left: 0;
        text-transform: uppercase;
    }

    #main .active-filters ul {
        padding-left: 6.625em;
    }

    #main .active-filters li {
        display: inline-block;
        margin: 0 10px 10px 0;
        padding: 5px 5px 5px 12px;
        line-height: 15px;
        color: inherit;
        font-family: ProximaNova-Semibold;
        font-size: 13px;
        background-color: #afafaf;
        float: left;
    }

#main .activeFilterFieldname {
    padding-right: 6px;
    float: left;
}

#main .active-filters a {
    font-size: 13px;
    color: #fff;
    vertical-align: middle;
    float: left;
}

    #main .active-filters a:hover {
        color: #eee;
    }

/*The IDs below are used across multiple pages*/
#main #mainFormContentArea_userRoles {
    width: initial !important;
    min-width: 202px;
}


#main #mainFormContentArea_trns_existingAchAccountNumber,
#main #mainFormContentArea_trns_existingAchRoutingNumber {
    float: left;
    margin: 1em 0 0 10px;
    display: block;
}

/*Fixing text alignment on smaller screens*/
@media only screen and (max-width: 1488px) {
    #mainFormContentArea_advCountry_id label {
        text-align: left;
    }
}

.clearBtn {
    margin-top: 1.2em !important;
    margin-left: 10px !important;
}

/*EMOJI*/
.input-with-emoji {
    float: left;
}

    .input-with-emoji input::-ms-clear {
        display: none;
    }

.emailEditorThirdPartyPluginContainers {
    height: 775px;
}

.emailEditorSourceCodeFooterButtonsContainer {
    padding-left:200px;
}

    .emailEditorSourceCodeFooterButtonsContainer a {
        margin:5px;
    }

    .wdt-emoji-picker {
        top: 5px;
        /*bottom: 9px !important;*/
    }

.wdt-emoji-picker-parent > label {
    margin:0px;
    margin-right:5px;
    padding:0px;
    padding-top:5px;
}

.wdt-emoji-popup {
    width: 321px !important;
    left: 45px !important;
}

    .wdt-emoji-popup .wdt-emoji-section h3 {
        margin: 0 !important;
        padding: 8px !important;
    }

    .wdt-emoji-popup h3.sticky {
        width: 294px !important;
        margin: 0 !important;
        padding: 8px !important;
    }

    .wdt-emoji-popup .wdt-emoji-scroll-wrapper {
        height: 249px !important;
        position: relative;
        top: 3px;
        float: left;
    }

    .wdt-emoji-popup.open.ready {
        position: relative;
    }

#wdt-emoji-menu-header {
    position: absolute;
    width: 319px;
}
/*EMOJI -- END*/

#main .link-btn,
#main .link-btn a {
    padding: 0 !important;
    margin-right: 4px !important;
    display: inline-block;
    color: #037bc0 !important;
    font-size: 14px !important;
    text-transform: none !important;
    text-align: left !important;
    background: unset !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    #main .link-btn .contactBlockTypeIcons .fa:not(.contact-diff-icon) {
        color: #353439;
    }

    #main .link-btn:hover,
    #main .link-btn a:hover {
        text-decoration: underline !important;
    }

.input-icon {
    float: left;
    margin-top: 20px;
    font-size: 12px;
    cursor: pointer;
}

.btn-skinny {
    padding: 4px 0 2px !important;
    width: 150px !important;
    font-size: 12px !important;
}

.form-control {
    display: block;
    width: 100%;
    background-color: #fff;
    background-image: none;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .form-control::-ms-expand {
        background-color: transparent;
        border: 0;
    }

    .form-control:focus {
        color: #55595c;
        background-color: #fff;
        border-color: #66afe9;
        outline: none;
    }

    .form-control::-webkit-input-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:-ms-input-placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control::placeholder {
        color: #999;
        opacity: 1;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #eceeef;
        opacity: 1;
    }

    .form-control:disabled {
        cursor: not-allowed;
    }

select.form-control:not([size]):not([multiple]) {
    height: calc(2.5rem - 2px);
}

select.form-control:focus::-ms-value {
    color: #55595c;
    background-color: #fff;
}

.form-control-file,
.form-control-range {
    display: block;
}

.col-form-label {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
}

.col-form-label-lg {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
}

.col-form-label-sm {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    font-size: 0.875rem;
}

.col-form-legend {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    margin-bottom: 0;
    font-size: 1rem;
}

.form-control-static {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    line-height: 1.25;
    border: solid transparent;
    border-width: 1px 0;
}

.btn, .btn2 {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0em 1em 0 0;
    padding: 7px 25px 4px;
    border: 0 none;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    line-height: normal;
}

.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
    padding-right: 0;
    padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
    border-radius: 0.2rem;
}

select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
.input-group-sm > select.input-group-addon:not([size]):not([multiple]),
.input-group-sm > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: 1.8125rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
    padding: 0.75rem 1.5rem;
    font-size: 1.25rem;
    border-radius: 0.3rem;
}

select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
.input-group-lg > select.input-group-addon:not([size]):not([multiple]),
.input-group-lg > .input-group-btn > select.btn:not([size]):not([multiple]) {
    height: 3.166667rem;
}

.form-group {
    margin-bottom: 1rem;
}

.form-text {
    display: block;
    margin-top: 0.25rem;
}

.form-check {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
}

    .form-check + .form-check {
        margin-top: -.25rem;
    }

    .form-check.disabled .form-check-label {
        color: #818a91;
        cursor: not-allowed;
    }

.form-check-label {
    padding-left: 1.25rem;
    margin-bottom: 0;
    cursor: pointer;
}

.form-check-input {
    position: absolute;
    margin-top: .25rem;
    margin-left: -1.25rem;
}

    .form-check-input:only-child {
        position: static;
    }

.form-check-inline {
    position: relative;
    display: inline-block;
    padding-left: 1.25rem;
    margin-bottom: 0;
    vertical-align: middle;
    cursor: pointer;
}

    .form-check-inline + .form-check-inline {
        margin-left: .75rem;
    }

    .form-check-inline.disabled {
        color: #818a91;
        cursor: not-allowed;
    }

.form-control-feedback {
    margin-top: 0.25rem;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right 0.625rem;
    -webkit-background-size: 1.25rem 1.25rem;
    background-size: 1.25rem 1.25rem;
}

.has-success .form-control-feedback,
.has-success .form-control-label,
.has-success .form-check-label,
.has-success .form-check-inline,
.has-success .custom-control {
    color: #5cb85c;
}

.has-success .form-control {
    border-color: #5cb85c;
}

    .has-success .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #a3d7a3;
    }

.has-success .input-group-addon {
    color: #5cb85c;
    border-color: #5cb85c;
    background-color: #eaf6ea;
}

.has-success .form-control-success {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#5cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E");
}

.has-warning .form-control-feedback,
.has-warning .form-control-label,
.has-warning .form-check-label,
.has-warning .form-check-inline,
.has-warning .custom-control {
    color: #f0ad4e;
}

.has-warning .form-control {
    border-color: #f0ad4e;
}

    .has-warning .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
    }

.has-warning .input-group-addon {
    color: #f0ad4e;
    border-color: #f0ad4e;
    background-color: white;
}

.has-warning .form-control-warning {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E");
}

.has-danger .form-control-feedback,
.has-danger .form-control-label,
.has-danger .form-check-label,
.has-danger .form-check-inline,
.has-danger .custom-control {
    color: #d9534f;
}

.has-danger .form-control {
    border-color: #d9534f;
}

    .has-danger .form-control:focus {
        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
    }

.has-danger .input-group-addon {
    color: #d9534f;
    border-color: #d9534f;
    background-color: #fdf7f7;
}

.has-danger .form-control-danger {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
}

@media (min-width: 576px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }

    .form-inline .form-control-static {
        display: inline-block;
    }

    .form-inline .input-group {
        display: inline-table;
        width: auto;
        vertical-align: middle;
    }

        .form-inline .input-group .input-group-addon,
        .form-inline .input-group .input-group-btn,
        .form-inline .input-group .form-control {
            width: auto;
        }

        .form-inline .input-group > .form-control {
            width: 100%;
        }

    .form-inline .form-control-label {
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check {
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        vertical-align: middle;
    }

    .form-inline .form-check-label {
        padding-left: 0;
    }

    .form-inline .form-check-input {
        position: relative;
        margin-left: 0;
    }

    .form-inline .has-feedback .form-control-feedback {
        top: 0;
    }
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

.dropup,
.dropdown {
    position: relative;
}

.dropdown-toggle:focus {
    outline: 0;
}

.dropup .dropdown-toggle::after {
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #373a3c;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

.dropdown-divider {
    height: 1px;
    margin: 0.5rem 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 3px 1.5rem;
    clear: both;
    font-weight: normal;
    color: #373a3c;
    text-align: inherit;
    white-space: nowrap;
    background: none;
    border: 0;
}

    .dropdown-item:focus, .dropdown-item:hover {
        color: #2b2d2f;
        text-decoration: none;
        background-color: #f5f5f5;
    }

    .dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
        color: #fff;
        text-decoration: none;
        background-color: #0275d8;
        outline: 0;
    }

    .dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
        color: #818a91;
    }

        .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
            text-decoration: none;
            cursor: not-allowed;
            background-color: transparent;
            background-image: none;
            filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
        }

.open > .dropdown-menu {
    display: block;
}

.open > a {
    outline: 0;
}

.dropdown-menu-right {
    right: 0;
    left: auto;
}

.dropdown-menu-left {
    right: auto;
    left: 0;
}

.dropdown-header {
    display: block;
    padding: 0.5rem 1.5rem;
    margin-bottom: 0;
    font-size: 0.875rem;
    color: #818a91;
    white-space: nowrap;
}

.dropdown-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 990;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
    content: "";
    border-top: 0;
    border-bottom: 0.3em solid;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 0.125rem;
}

.btn-group,
.btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

    .btn-group > .btn,
    .btn-group-vertical > .btn {
        position: relative;
        float: left;
        margin-bottom: 0;
    }

        .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
        .btn-group-vertical > .btn:focus,
        .btn-group-vertical > .btn:active,
        .btn-group-vertical > .btn.active {
            z-index: 2;
        }

        .btn-group > .btn:hover,
        .btn-group-vertical > .btn:hover {
            z-index: 2;
        }

    .btn-group .btn + .btn,
    .btn-group .btn + .btn-group,
    .btn-group .btn-group + .btn,
    .btn-group .btn-group + .btn-group {
        margin-left: -1px;
    }

.btn-toolbar {
    margin-left: -0.5rem;
}

    .btn-toolbar::after {
        content: "";
        display: table;
        clear: both;
    }

    .btn-toolbar .btn-group,
    .btn-toolbar .input-group {
        float: left;
    }

    .btn-toolbar > .btn,
    .btn-toolbar > .btn-group,
    .btn-toolbar > .input-group {
        margin-left: 0.5rem;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0;
}

.btn-group > .btn:first-child {
    margin-left: 0;
}

    .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.btn-group > .btn-group {
    float: left;
}

    .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
    }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
    outline: 0;
}

.btn + .dropdown-toggle-split {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
}

    .btn + .dropdown-toggle-split::after {
        margin-left: 0;
    }

.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split {
    padding-right: 0.375rem;
    padding-left: 0.375rem;
}

.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split {
    padding-right: 1.125rem;
    padding-left: 1.125rem;
}

.btn .caret {
    margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
    border-width: 0.3em 0.3em 0;
    border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
    border-width: 0 0.3em 0.3em;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
}

    .btn-group-vertical > .btn-group::after {
        content: "";
        display: table;
        clear: both;
    }

    .btn-group-vertical > .btn-group > .btn {
        float: none;
    }

    .btn-group-vertical > .btn + .btn,
    .btn-group-vertical > .btn + .btn-group,
    .btn-group-vertical > .btn-group + .btn,
    .btn-group-vertical > .btn-group + .btn-group {
        margin-top: -1px;
        margin-left: 0;
    }

    .btn-group-vertical > .btn:not(:first-child):not(:last-child) {
        border-radius: 0;
    }

    .btn-group-vertical > .btn:first-child:not(:last-child) {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn:last-child:not(:first-child) {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
        border-radius: 0;
    }

    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
    .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
        border-top-right-radius: 0;
        border-top-left-radius: 0;
    }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
    pointer-events: none;
}

.input-group {
    position: relative;
    margin-top: 1em;
    width: auto;
    display: table;
    border-collapse: separate;
    float: left;
}

    .input-group .form-control {
        position: relative;
        z-index: 2;
        float: left;
        width: 100%;
        margin-bottom: 0;
    }

        .input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
            z-index: 3;
        }

    .input-group-addon,
    .input-group-btn,
    .input-group .form-control {
        display: table-cell;
    }

        .input-group-addon:not(:first-child):not(:last-child),
        .input-group-btn:not(:first-child):not(:last-child),
        .input-group .form-control:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

.input-group-addon,
.input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group-addon {
    padding: 7px 20px 7px 10px;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.25;
    color: #55595c;
    text-align: center;
    float: left;
    box-sizing: border-box;
    background-color: #eceeef;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
}

    .input-group-addon.form-control-sm,
    .input-group-sm > .input-group-addon,
    .input-group-sm > .input-group-btn > .input-group-addon.btn {
        padding: 0.25rem 0.5rem;
        font-size: 0.875rem;
        border-radius: 0.2rem;
    }

    .input-group-addon.form-control-lg,
    .input-group-lg > .input-group-addon,
    .input-group-lg > .input-group-btn > .input-group-addon.btn {
        padding: 0.75rem 1.5rem;
        font-size: 1.25rem;
        border-radius: 0.3rem;
    }

    .input-group-addon input[type="radio"],
    .input-group-addon input[type="checkbox"] {
        margin-top: 0;
    }

    .input-group .form-control:not(:last-child),
    .input-group-addon:not(:last-child),
    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group > .btn,
    .input-group-btn:not(:last-child) > .dropdown-toggle,
    .input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
    .input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
        border-bottom-right-radius: 0;
        border-top-right-radius: 0;
    }

    .input-group-addon:not(:last-child) {
        border-right: 0;
    }

    .input-group .form-control:not(:first-child),
    .input-group-addon:not(:first-child),
    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group > .btn,
    .input-group-btn:not(:first-child) > .dropdown-toggle,
    .input-group-btn:not(:last-child) > .btn:not(:first-child),
    .input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
        border-bottom-left-radius: 0;
        border-top-left-radius: 0;
        border-left: none;
    }

.form-control + .input-group-addon:not(:first-child) {
    border-left: 0;
}

.input-group-btn {
    position: relative;
    font-size: 0;
    white-space: nowrap;
}

    .input-group-btn > .btn {
        position: relative;
    }

        .input-group-btn > .btn + .btn {
            margin-left: -1px;
        }

        .input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
            z-index: 3;
        }

    .input-group-btn:not(:last-child) > .btn,
    .input-group-btn:not(:last-child) > .btn-group {
        margin-right: -1px;
    }

    .input-group-btn:not(:first-child) > .btn,
    .input-group-btn:not(:first-child) > .btn-group {
        z-index: 2;
        margin-left: -1px;
    }

        .input-group-btn:not(:first-child) > .btn:focus, .input-group-btn:not(:first-child) > .btn:active, .input-group-btn:not(:first-child) > .btn:hover,
        .input-group-btn:not(:first-child) > .btn-group:focus,
        .input-group-btn:not(:first-child) > .btn-group:active,
        .input-group-btn:not(:first-child) > .btn-group:hover {
            z-index: 3;
        }

.wrapper {
    padding: 4em;
    padding-bottom: 0;
}

.currency-selector {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-left: .5rem;
    border: 0;
    background: transparent;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1024' height='640'><path d='M1017 68L541 626q-11 12-26 12t-26-12L13 68Q-3 49 6 24.5T39 0h952q24 0 33 24.5t-7 43.5z'></path></svg>") 90%/12px 6px no-repeat;
    font-family: inherit;
    color: inherit;
}

.currency-amount {
    text-align: right;
}

.currency-addon {
    position: relative;
    padding: 0 12px;
    width: 72px !important;
    float: left;
    background: #fff !important;
    text-align: left;
}

    .currency-addon .selector.fixedWidth {
        width: 58px !important;
        background-color: #fff !important;
    }

.input-group input.currency-addon-input {
    width: 89px !important;
}

.input-group input,
.input-group select,
.input-group div.selector {
    margin-top: 0 !important;
    width: 159px !important;
}

.input-group .input-group-addon input,
.input-group .input-group-addon select,
.input-group .input-group-addon div.selector {
    border: none !important;
    padding-left: 0 !important;
}

.checker-addon {
    float: left;
    margin-top: 0.2em;
}

.expiration input {
    text-align: center;
    width: 90px !important;
}

    .expiration input:first-child {
        border-right: none !important;
    }

    .expiration input:last-child {
        border-left: none !important;
    }

.expiration .expiration-slash {
    position: relative;
    right: 3px;
    margin-top: 1em;
    float: left;
    width: 0;
    font-size: 18px;
}

.chosen-container-single .chosen-single {
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    background: #fff;
    color: #3b3a3f !important;
}

    .chosen-container-single .chosen-single div {
        top: 5px;
    }

.chosen-container-single .chosen-single {
    position: unset;
}

.chosen-container-single .chosen-search {
    float: left;
    width: 100%;
}

.chosen-search-input {
    width: 100% !important;
    height: 26px !important;
    line-height: 26px !important;
}

.chosen-container-single .chosen-drop {
    padding-right: 0 !important;
}

.chosen-container {
    float: left;
    margin-top: 10px;
}

.chosen-container-single .chosen-search {
    padding: 4px !important;
    border-bottom: 1px solid #dadada !important;
}

.chosen-container .chosen-results {
    width: 100%;
    float: left;
}

#main a.chosen-single.chosen-default:hover,
#main a.chosen-single {
    text-decoration: none !important;
}

.chosen-container-single .chosen-drop {
    padding-right: 2px;
    font-size: .9em;
}

    .chosen-container-single .chosen-drop .group-option {
        padding-left: 20px;
    }


    .chosen-container-single .chosen-drop .chosen-container-single .chosen-search {
        padding: 2px 0 0 4px;
    }

.chosen-container .chosen-results li.highlighted {
    background: #eee !important;
    color: inherit !important;
}

.daterange-separator {
    margin: 0 8px;
    margin-top: 1.4em;
    color: #353439;
    font-size: 13px;
    float: left;
}

#ToolbarActionsGroupBottom.inside-wizard {
    position: relative !important;
    right: 0px !important;
    top: -80px;
    float: right !important;
}

.step-options .noButton {
    display: block;
    padding-top: 6px;
    margin-left: 12px;
    float: left;
}

input[type="checkbox"] + label.bistate-toggle {
    position: relative;
    margin-top: 13px !important;
    margin-right: unset !important;
    margin-left: unset !important;
    padding: unset !important;
    width: 96px !important;
    height: 30px;
    line-height: unset !important;
    box-sizing: border-box;
}

.bistate-toggle .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0px;
    right: 0;
    bottom: 0;
    background-color: #f3f3f3;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
}

    .bistate-toggle .slider:before {
        position: absolute;
        content: "";
        height: 21px;
        width: 21px;
        left: 3px;
        bottom: 4px;
        background-color: #bcbcbc;
        border-radius: 4px;
        box-shadow: 1px 1px 1px #414141;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .bistate-toggle .slider {
    background-color: #fff;
}

input:focus + .bistate-toggle .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .bistate-toggle .slider:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #fff;
    font-size: 10px;
    text-align: center;
    background-color: #037bc0;
    line-height: 20px;
    -webkit-transform: translateX(66px);
    -ms-transform: translateX(66px);
    transform: translateX(66px);
}

.bistate-toggle .slider:after {
    content: 'no';
    color: #353439;
    display: block;
    position: absolute;
    transform: translate(-50%,-50%);
    top: 49%;
    left: 50%;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    font-weight: normal;
}

input:checked + .bistate-toggle .slider:after {
    content: 'yes';
}

.bistate-toggle-disabled {
    cursor: not-allowed;
    opacity: 0.7;
}

    .bistate-toggle-disabled .bistate-toggle {
        pointer-events: none;
    }

.contacts input:checked + .bistate-toggle .slider:before {
    background-color: #54d197;
}

.donations input:checked + .bistate-toggle .slider:before {
    background-color: #29c0ce;
}

.campaigns input:checked + .bistate-toggle .slider:before {
    background-color: #66358f;
}

.events input:checked + .bistate-toggle .slider:before {
    background-color: #dcbe19;
}

.advocacy input:checked + .bistate-toggle .slider:before {
    background-color: #e17823;
}

.online input:checked + .bistate-toggle .slider:before {
    background-color: #c12768;
}

.merchandise input:checked + .bistate-toggle .slider:before {
    background-color: #10a2e6;
}

.accounting input:checked + .bistate-toggle .slider:before {
    background-color: #75a315;
}

.reports input:checked + .bistate-toggle .slider:before {
    background-color: #13a08e;
}

.automation input:checked + .bistate-toggle .slider:before {
    background-color: #774f38;
}

.configuration input:checked + .bistate-toggle .slider:before {
    background-color: #3b3a3f;
}

.multistate-toggle.related-set.radio-set > label {
    min-width: 56px !important;
    padding: 4px 16px !important;
    text-align: center !important;
    background-color: #fff;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    cursor: pointer;
}

    .multistate-toggle.related-set.radio-set > label:hover {
        background-color: #eee;
    }

.online .multistate-toggle.related-set.radio-set > label.active {
    color: #fff !important;
    background-color: #c12768;
}

.multistate-toggle.related-set.radio-set > input:not(.toggle-edit-input) {
    display: none;
}

.tristate-toggle {
    position: relative;
    height: 35px;
    background-color: #fff;
    text-align: center;
    border: 1px solid #d0d0d0;
    border-radius: 12px;
    float: left;
    cursor: pointer !important;
    box-sizing: border-box;
}

    .tristate-toggle input[type="checkbox"] {
        display: none;
    }

        .tristate-toggle input[type="checkbox"] + label,
        #main .basic-filter .col.mini .tristate-toggle input[type="checkbox"] + label {
            margin: 0px 0 !important;
            padding: 10px !important;
            cursor: pointer !important;
            width: auto !important;
            height: 13px;
        }

            .tristate-toggle input[type="checkbox"] + label:first-of-type,
            #main .basic-filter .col.mini .tristate-toggle input[type="checkbox"] + label:first-of-type {
                padding-right: 16px !important;
                border-top-left-radius: 11px;
                border-bottom-left-radius: 11px;
            }

            .tristate-toggle input[type="checkbox"] + label:last-of-type,
            #main .basic-filter .col.mini .tristate-toggle input[type="checkbox"] + label:last-of-type {
                padding-left: 16px !important;
                border-top-right-radius: 11px;
                border-bottom-right-radius: 11px;
            }

.advancedFilterTab .tristate-toggle,
.advanced-filter .tristate-toggle,
.ceDialogContents .tristate-toggle {
    margin-top: 12px;
}

.basic-filter .tristate-toggle {
    margin-bottom: 1px;
}

.tristate-actions-container {
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px;
    width: 0px;
    height: 34px;
    float: left;
    border-left: 1px solid #ebebeb;
}

.tristate-actions {
    position: absolute;
    left: -11px;
    margin-top: 6px;
    width: 18px;
    height: 18px;
    background: #fff;
    font-size: 14px;
    cursor: pointer;
    z-index: 1;
    border: 1px solid #d0d0d0;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #414141;
}

    .tristate-actions:hover {
        background: #e2e2e2;
        transform: scale(1.15);
    }

    .tristate-actions .tristate-toggle-icon {
        position: absolute;
        top: 4px;
        width: 100%;
        color: #505659 !important;
        float: left;
        margin-left: -9px;
        font-size: 12px;
    }

div.advanced-filter span.tristate-toggle > label {
    height: 16px !important;
}

.tristate-toggle input[type="checkbox"]:disabled + label,
#main .basic-filter .col.mini .tristate-toggle input[type="checkbox"]:disabled + label {
    opacity: 0.7;
    cursor: not-allowed !important;
}

.tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #037bc0 !important;
}

.contacts .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #54d197 !important;
}

.donations .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #29c0ce !important;
}

.campaigns .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #66358f !important;
}

.events .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #dcbe19 !important;
}

.advocacy .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #e17823 !important;
}

.online .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #c12768 !important;
}

.merchandise .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #10a2e6 !important;
}

.accounting .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #75a315 !important;
}

.reports .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #13a08e !important;
}

.automation .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #774f38 !important;
}

.configuration .tristate-toggle input[type="checkbox"]:checked + label {
    color: #fff !important;
    background-color: #3b3a3f !important;
}

.ce-btn-group {
    margin-top: 1em;
    overflow: hidden;
}

.ce-btn-group-toggle input {
    display: none;
}

.ce-btn-group-toggle label.btn, .ce-btn-group-toggle label.btn2 {
    margin-right: 0 !important;
    padding: 6px 12px !important;
    width: auto !important;
    text-align: center;
    text-transform: none !important;
    float: left !important;
    background-color: #fff !important;
    -webkit-box-shadow: 1px 1px 1px #dadada !important;
    box-shadow: 1px 1px 1px #dadada !important;
    border: 1px solid #dadada;
    border-left: none;
    cursor: pointer;
}

    .ce-btn-group-toggle label.btn:first-child, .ce-btn-group-toggle label.btn2:first-child {
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-left: 1px solid #dadada;
    }

    .ce-btn-group-toggle label.btn:last-child {
        border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
    }

    .ce-btn-group-toggle label.btn:hover {
        background-color: #eee !important;
    }

    .ce-btn-group-toggle label.btn.active, .ce-btn-group-toggle label.btn2.active {
        background-color: #037bc0 !important;
        color: #fff !important;
    }

.contacts .ce-btn-group-toggle label.btn.active {
    background-color: #54d197 !important;
}

.donations .ce-btn-group-toggle label.btn.active, .donations .ce-btn-group-toggle label.btn2.active {
    background-color: #29c0ce !important;
}

.campaigns .ce-btn-group-toggle label.btn.active {
    background-color: #66358f !important;
}

.events .ce-btn-group-toggle label.btn.active {
    background-color: #dcbe19 !important;
}

.advocacy .ce-btn-group-toggle label.btn.active {
    background-color: #e17823 !important;
}

.online .ce-btn-group-toggle label.btn.active {
    background-color: #c12768 !important;
}

.merchandise .ce-btn-group-toggle label.btn.active {
    background-color: #10a2e6 !important;
}

.accounting .ce-btn-group-toggle label.btn.active {
    background-color: #75a315 !important;
}

.reports .ce-btn-group-toggle label.btn.active {
    background-color: #13a08e !important;
}

.automation .ce-btn-group-toggle label.btn.active {
    background-color: #774f38 !important;
}

.configuration .ce-btn-group-toggle label.btn.active {
    background-color: #3b3a3f !important;
}

label.checkbox > a.label-link {
    line-height: 28px;
}

label.toggle-label {
    padding-top: 7px !important;
}

label[for$="_trueFalseToggleLabel"] {
    padding-top: 8px !important;
}

span[id$=_trueFalseToggleRbl] > div.radio {
    padding-top: 3px;
}

span[id$=_trueFalseToggleRbl] > label {
    padding-top: 7px !important;
}

div.ceModalDialogs input[type="checkbox"] {
    transform: scale(1.4) !important;
    margin-right: 10px !important;
}

.inline-editor > label.ce-w-100 {
    margin-bottom: 0 !important;
}

/**/
/*LABELS-INPUTS*/
/**/

/**/
/*DROPDOWNS*/
/**/

.dropdown {
    position: absolute;
    z-index: 5;
    top: -39999px;
    border: 1px solid #cdcdcd;
    border-top: none;
    background-color: #fff;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
}

    .dropdown .pointer {
        position: relative;
        top: -7px;
        display: block;
        height: 7px;
        background: url('/_images/bg-dropdown-mini.gif') no-repeat 5px 0;
    }

    .dropdown .topLinksPointer {
        background-position-x: center;
    }

.topLinksDropDown {
    left: 3px;
    margin-left: -85px;
}

/* style="display:block; height:7px; position:relative; z-index:999; background:url('/_images/bg-dropdown-mini.gif') no-repeat 5px 0; "*/
#ListingScreenTable td.more div.more.actions.dropdown .pointer {
    left: 9px;
}

.dropdown .more {
    margin: 0;
    text-align: center;
}

    .dropdown .more a {
        display: block !important;
        font-size: .75em !important;
        line-height: 3em !important;
        color: #353439 !important;
        background-color: #ebecec;
    }

        .dropdown .more a:hover {
            color: #7fc145 !important;
            text-decoration: none !important;
        }

/* Dropdown children */
#banner li.hover .dropdown {
    top: 51px;
    opacity: 1;
}

#banner .dropdown a {
    display: block;
    margin: 0;
    color: #676767;
}

    #banner .dropdown a:hover, #banner .dropdown a.current {
        color: #7fc145;
    }
/* Dropdown tabs nav */
#banner .dropdown .tabs .menu {
    background-color: #fff;
    border-bottom: 1px solid #cdcdcd;
}

    #banner .dropdown .tabs .menu li {
        float: left;
    }

        #banner .dropdown .tabs .menu li a {
            float: left;
            width: 100%;
            text-align: center;
            padding: 0 !important;
            color: #a3a3a3 !important;
            border-bottom-color: #fff;
        }

            #banner .dropdown .tabs .menu li a:hover, #banner .dropdown .tabs .menu li a.current {
                color: #7fc145 !important;
            }

/* Chat dropdown members */
#banner .chat .dropdown {
    width: 903px;
    right: -168px;
    background: #fff url('/_images/bg-rule-ddd.gif') repeat-y 608px top;
}

    #banner .chat .dropdown .members {
        float: right;
        width: 295px;
    }

    /*#banner .chat .dropdown .members .scrollframe .viewport, #banner .chat .dropdown .members .scrollframe .scrollbar {
            height: 388px !important;
        }

        #banner .chat .dropdown .members .scrollframe .viewport {
            border-top: 1px solid #ddd;
            border-bottom: 1px solid #ddd;
        }*/

    #banner .chat .dropdown form.search {
        float: none;
        margin: 1em 16px;
        clear: both;
    }

        #banner .chat .dropdown form.search label {
            display: inline-block;
        }

        #banner .chat .dropdown form.search input {
            margin-top: 10px;
            width: 225px !important;
        }

    #banner .chat .dropdown .members li {
        border-bottom: 1px solid #ebecec;
    }

    #banner .chat .dropdown .members a {
        position: relative;
        color: #374042;
        padding: 16px 12px 16px 24px;
        line-height: 1em;
    }

        #banner .chat .dropdown .members a:hover, #banner .chat .dropdown .members a.current {
            background-color: #e0e4ec;
        }

        #banner .chat .dropdown .members a .status {
            margin: 0 3px 0 8px;
            font-size: 10px !important;
        }

        #banner .chat .dropdown .members a .name {
            display: inline-block;
            width: 165px;
            margin-left: 0;
            font-family: ProximaNova-Semibold;
        }
    /* Chat dropdown messages */
    #banner .chat .dropdown .messages {
        float: left;
        width: 608px;
    }

    #banner .chat .dropdown .actions {
        margin: 0;
        padding: 0 14px;
    }

        #banner .chat .dropdown .actions a {
            display: inline;
            color: #939393;
        }

            #banner .chat .dropdown .actions a:hover {
                color: #7fc145;
            }

    /*#banner .chat .dropdown .messages .scrollframe .viewport, #banner .chat .dropdown .messages .scrollframe .scrollbar {
        height: 300px !important;
    }

    #banner .chat .dropdown .messages .scrollframe .viewport {
        border-bottom: 1px solid #ebecec;
    }*/

    #banner .chat .dropdown .messages form {
        padding: 1.75em 20px 1.25em 16px;
    }

    #banner .chat .dropdown .messages textarea {
        width: 558px;
        height: 100px;
        margin-top: 0;
    }

/* Notifications dropdown */
#banner .notifications .dropdown {
    width: 24em;
    right: -50px;
}

    #banner .notifications .dropdown .tabs .menu li + li {
        width: 12em;
    }

        #banner .notifications .dropdown .tabs .menu li, #banner .notifications .dropdown .tabs .menu li + li + li {
            width: 6em;
        }

    #banner .notifications .dropdown .tabs .panel {
        border: none;
    }

        #banner .notifications .dropdown .tabs .panel li {
            padding: 1.2857em 1.5em;
            border-top: 1px solid #cdcdcd;
            font-size: 0.875em; /* 14px */
            line-height: 1.2857em; /* 18px */
        }

            #banner .notifications .dropdown .tabs .panel li:first-child {
                border-top: none;
            }

        #banner .notifications .dropdown .tabs .panel time {
            display: inline-block;
            color: #a3a3a3;
            font-size: 85%;
            margin-top: .5em;
        }

/* Account dropdown */
#banner .account:hover a {
    background-position: 5.8em bottom;
}

#banner .account .dropdown {
    width: 13.4375em;
    right: 26px;
}

    #banner .account .dropdown a {
        width: 82%;
        padding: 0 9%;
        border-top: 1px solid #e5e5e5;
        font-family: ProximaNova-Semibold;
    }

    #banner .account .dropdown li:first-child a {
        border-top: none;
    }

    #banner .account .dropdown a i {
        font-size: 16px;
        margin-right: 20px;
    }

/*#ls-chat.chat .scrollframe .viewport, #ls-chat.chat .scrollframe .scrollbar {
    height: 220px !important;
}*/
#ls-chat.chat .thread dl {
    margin: 0 28px;
}

#ls-chat.chat .thread dt {
    font-family: ProximaNova-Semibold;
    font-size: .875em /* 14px */;
}

    #ls-chat.chat .thread dt time {
        font-family: ProximaNova-Semibold;
        font-size: 92%;
    }

#ls-chat.chat .thread dd, #ls-chat.chat .thread dd p {
    margin: .5em 0;
}

#ls-chat.chat form {
    border-top: 1px solid #ddd;
}

#ls-ticket form {
    padding-top: 0 !important;
}

#ls-ticket textarea {
    height: 137px !important;
}

#main section .toolbar li:hover .dropdown {
    top: 30px;
    /*left: 15px;*/
    border-top: 1px solid #cdcdcd;
    opacity: 1;
}

/* has .pointer */
#main section .toolbar .dropdown ul {
    padding: 0px 15px;
}

#main section .toolbar .dropdown li {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: none;
    width: 100%;
}

    #main section .toolbar .dropdown li:last-child {
        padding-bottom: 5px;
    }

#main section .toolbar .dropdown a {
    display: inline;
    padding: 0;
    white-space: nowrap;
}

#createNewMoreItemsList li {
    display: block !important;
}

    #createNewMoreItemsList li a {
        display: block !important;
    }

#main section .toolbar .dropdown li:last-child {
    padding-bottom: 5px;
}

/*This prevents the quick links dropdon from hiding when the cursor moves horizontal outside the menu zone*/
.dropdown div.dropdown-extend-clear {
    float: right;
    height: 75px;
    background: transparent;
    position: absolute;
    top: -74px;
    left: 223px;
    width: 65%;
}

body.no-action-menu td.more.actions a.sa-icon, body.no-action-menu table.configActions a.sa-icon {
    display: none !important;
}

body.no-action-menu td.more.actions div.more.actions.dropdown, body.no-action-menu table.configActions div.more.dropdown {
    display: block !important;
    position: absolute;
    top: 0px !important;
}

body.no-action-menu td.more.actions, body.no-action-menu table.configActions {
    display: block !important;
    position: relative;
}

/*Expandable list in action dropdow*/
.dropdown-menu > li > a:focus {
    outline: none;
}

.dropdown-menu > li > a.new_contact_info_header.expanded,
.dropdown-menu > li > a.new_interaction_header.expanded,
.dropdown-menu > li > a.new_app_header.expanded {
    text-decoration: underline;
}

.dropdown-menu > li > a.new_contact_info_item,
.dropdown-menu > li > a.new_interaction_item,
.dropdown-menu > li > a.new_app_item {
    display: none;
    margin-left: 20px !important;
}

#main td.more .dropdown input.link {
    color: #037bc0;
    text-transform: none;
    text-align: left;
    white-space: nowrap;
    background-color: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
    margin: 0;
}

    #main td.more .dropdown input.link:hover {
        text-decoration: underline;
    }

#main .configActions .more.dropdown li input,
#main .configActions .more.dropdown li a.button {
    padding: 0 !important;
    margin: 0 !important;
    color: #037bc0 !important;
    text-transform: lowercase !important;
    text-align: left !important;
    font-size: 12px !important;
    white-space: nowrap !important;
    background: unset !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

    #main .configActions .more.dropdown li input:hover {
        text-decoration: underline;
    }

.more.actions.dropdown ul > li > a {
    cursor: pointer !important;
}

.html-tooltip {
    position: absolute;
    margin-top: -80px;
    margin-left: 351px;
    padding: 12px;
    background: #fff;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    cursor: text;
    z-index: 1;
}

    .html-tooltip:before {
        font-family: "Font Awesome 5 Pro";
        content: '\f0d9';
        position: absolute;
        top: 75px;
        left: -13px;
        color: #d6d6d6;
        font-size: 32px;
    }

    .html-tooltip:after {
        font-family: "Font Awesome 5 Pro";
        content: '\f0d9';
        position: absolute;
        top: 75px;
        left: -11px;
        color: #fff;
        font-size: 32px;
        font-weight: 900;
    }

.html-tooltip-header {
    font-size: 14px;
    font-weight: bold;
    border-bottom: 1px solid #eee;
    color: #2d2d2d;
}

.html-tooltip-content {
    padding-top: 12px;
}

.html-tooltip-table {
    min-width: unset !important;
    font-size: 0.9em;
}

.html-tooltip-button {
    padding-top: 1.25em;
    display: block;
    float: right;
    min-width: 316px;
}

.panel.tiered h3.popover-title {
    padding-top: 7px;
}

#subButtTop_dropdownMenu li a {
    white-space: normal;
}

/**/
/*DROPDOWNS*/
/**/

/**/
/*MODALS*/
/**/


/* Modal box 
****************************************************/
#modal-overlay {
    z-index: 80000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

#modalbox {
    max-width: 700px;
    z-index: 80001;
    position: absolute;
    background-color: #f1f1f1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 25px;
}

#modal-content {
    z-index: 80002;
}

    /* Release Notes */
    #modal-content h2 {
        font-size: 18px;
        padding: 0;
        margin: 0;
        line-height: normal;
    }

    #modal-content ul li {
        list-style: disc;
        margin-left: 20px;
    }

.modalDialogButton, #modal-close {
    background: #00618e;
    display: inline-block;
    float: right;
    font-size: 13px;
    text-transform: uppercase;
    margin-left: 6px;
    padding: 6px 15px;
    color: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .modalDialogButton:hover, #modal-close:hover {
        background: #005780;
    }

/* new HTML modals */
div.ceModalDialogs {
    position: fixed;
    font-family: inherit;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    z-index: 9998 !important;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
}

    /* direct decendant only */
    div.ceModalDialogs > div.ceDialogs {
        width: 80% !important; /*width: 500px;*/
        position: relative;
        margin: 10% auto;
        background: #fff;
        border-top: 3px solid #dadada;
        z-index: 9999 !important;
    }

div.ceDialogs > div.ceDialogHeaders {
    width: 100%;
    height: auto;
    border-bottom: 1px solid #d1d1d4;
    padding: 8px;
    box-sizing: border-box;
    border-top: 1px solid #d1d1d4;
    cursor: move;
    overflow: hidden;
}

    div.ceDialogs > div.ceDialogHeaders > h2 {
        margin-left: 20px;
        padding-top: 5px;
        padding-bottom: 0px !important;
        text-decoration: none;
        border: 0px !important;
    }

        div.ceDialogs > div.ceDialogHeaders > h2 > span, div.ceDialogs > div.ceDialogHeaders span.ceDialogHeaderTitles {
            color: #7fc145;
            float: left;
        }

    .topRightIconsContainers {
        float: right;
    }

    div.ceDialogs > div.ceDialogHeaders .headerIcon,
    div.ceDialogs > div.ceDialogHeaders .topRightCloseIcons {
        color: #b5b5b5;
        cursor: pointer;
    }

        div.ceDialogs > div.ceDialogHeaders .headerIcon.maximize {
            margin-top: 3px;
            margin-right: 10px;
            float: right;
        }

    div.ceDialogs > div.ceDialogHeaders .ceDialogSearchResultsFilter {
        left: 300px;
        display: inline-block;
        margin-left: 20px;
        float: left;
    }

    div.ceDialogs > div.ceDialogHeaders > span.topRightCloseIcons,
    div.ceDialogs > div.ceDialogHeaders > span.topRightCloseFullscreenIcons {
        display: inline-block;
        float: right;
        margin-top: 2px;
        margin-right: 10px;
        cursor: pointer;
    }
     
div.ceDialogs > div.ceDialogFooters {
    width: 100%;
    height: auto;
    background-color: #fff;
    border-top: 1px solid #d1d1d4;
    overflow: hidden;
    padding: 16px 2px;
    padding-left: 20px;
    box-sizing: border-box;
    float: left;
}

    div.ceDialogs > div.ceDialogFooters button {
        float: right;
        margin-right: 15px;
    }

.app div.ceDialogs > div.ceDialogFooters button.ui-state-default:hover {
    background-color: #76b540;
    -webkit-box-shadow: 0px 2px 0px 0px #5e992a;
    box-shadow: 0px 2px 0px 0px #5e992a;
}

div.ceDialogs > div.ceDialogFooters button.ceDialogFooterAdvancedButtons,
div.ceDialogs > div.ceDialogFooters button.ceDialogFooterCancelButtons,
div.ceDialogs > div.ceDialogFooters button.ceDialogFooterExitFullscreenButtons {
    background-color: #7e7e7e;
    -webkit-box-shadow: 0px 2px 0px 0px #5e5e5e;
    box-shadow: 0px 2px 0px 0px #5e5e5e;
}

    div.ceDialogs > div.ceDialogFooters button.ceDialogFooterAdvancedButtons:hover,
    div.ceDialogs > div.ceDialogFooters button.ceDialogFooterCancelButtons:hover,
    div.ceDialogs > div.ceDialogFooters button.ceDialogFooterExitFullscreenButtons:hover {
        background-color: #6e6e6e !important;
        -webkit-box-shadow: 0px 2px 0px 0px #616161 !important;
        box-shadow: 0px 2px 0px 0px #616161 !important;
    }

div.ceDialogs > div.ceDialogFooters button.ceDialogFooterSecondaryButtons {
    background-color: #7e7e7e;
    -webkit-box-shadow: 0px 2px 0px 0px #5e5e5e;
    box-shadow: 0px 2px 0px 0px #5e5e5e;
}

    div.ceDialogs > div.ceDialogFooters button.ceDialogFooterSecondaryButtons:hover {
        background-color: #6e6e6e !important;
        -webkit-box-shadow: 0px 2px 0px 0px #616161 !important;
        box-shadow: 0px 2px 0px 0px #616161 !important;
    }

div.ceDialogs > div.ceDialogFooters button.ceDialogFooterLeftButtons {
    float: left;    
}

div.ceDialogs > div.ceDialogFooters button.ceDialogFooterExitFullscreenButtons {
    display: none;
}

div.ceDialogs > div.ceDialogFooters button.leftAlign {
    float: left;
    margin-left: 15px;
}

div.ceModalUpdatePanelLoadingContainers {
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
}

div.modalDataTags {
    width: auto;
    display: inline-block;
    float: left;
    background-color: #F3F3F3;
    margin-left: 8px;
    padding: 2px;
}

div.ceModalReadOnlyContainers {
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
}

label.ceModalReadOnlyLabels {
    display: inline-block;
    width: 130px;
    text-align: right;
}

span.ceModalReadOnlyValues {
    display: inline-block;
    font-size: 13px;
    font-weight: 400;
}

div.ceReadOnlyRowsFooterTotals > label.ceModalReadOnlyLabels {
    font-weight: bold;
}

div.ceModalDataPreviewContainers > h4.previewTableTitle {
    font-weight: bold;
    text-align: center;
    margin-bottom: 12px;
}

/*
    matchTablePrimaryKeyCells
    matchTableMatchValueCells
    matchTableExistingValueCells
    matchTableNewValueCells
*/

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableSummaryHeaderRows {
    line-height: 2px;
}

    div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableSummaryHeaderRows > th.updateValuesSummaryHeaderCells {
        font-weight: bold;
        text-align: center;
        border-top: 1px solid #CCC;
        border-left: 1px solid #CCC;
        border-right: 1px solid #CCC;
        background-color: #F3F3F3;
    }

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableHeadRows {
    line-height: 2px;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableRows {
    line-height: 2px;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableHeadRows > th.matchTableExistingValueCells {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #F3F3F3;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableRows > td.matchTableExistingValueCells {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #F3F3F3;
    font-weight: bold;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableRows > td.matchTableExistingNewSpacerCells {
    font-size: 24px;
    text-align: center;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableHeadRows > th.matchTableNewValueCells {
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #F3F3F3;
}

div.ceModalDataPreviewContainers > table.queryTables > tbody > tr.tableRows > td.matchTableNewValueCells {
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    background-color: #F3F3F3;
    font-weight: bold;
}

div.ceModalDialogs a.modalSearchSelectLink {
    font-weight: bold;
}

div.ceDialogContents > h3 {
    margin-left: 20px;
    text-transform: none !important;
}

#main .ceModalDialogs .ceDialogContents,
.ceModalDialogs .ceDialogContents {
    position: relative;
    padding: 20px;
    overflow: auto;
    min-height: 158px;
    box-sizing: border-box;
}

#main .ceDialogContents::-webkit-scrollbar {
    width: 10px;
}

#main .ceDialogContents::-webkit-scrollbar-track {
    border: 1px solid #dadada;
}

#main .ceDialogContents::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.5);
}

#mainFormContentArea_contactSearchModal_searchResultsPanel {
    height: 450px !important;
    overflow: visible !important;
}

span#contactMatchAndMergeTitle .contactBlockTypeIcons {
    color: #037bc0;
}

#masterNextStepsDescription {
    margin-top: 0;
    font-size: 14px;
    color: #353439;
}

#mpNextSteps_configRowsContainer .big-square-button.icon-added {
    margin-bottom: 1em;
    margin-right: 1em;
    padding: 12px 0px !important;
    width: 132px;
    font-size: 13px !important;
}

    #mpNextSteps_configRowsContainer .big-square-button.icon-added .button-help-text { /* padding-right: 5px !important; */ /* padding-left: 1px !important; */ /* box-sizing: border-box; */
        display: none;
    }

    #mpNextSteps_configRowsContainer .big-square-button.icon-added:hover, .big-square-button.icon-added.selected {
        transform: scale(1.05);
    }

div.ceModalDialogs > div.ceDialogs.fullscreenDialog {
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100%;
    max-height: unset !important;
    margin: 0;
}

div.ceModalDialogs > div.ceDialogs > div.ceDialogHeaders span.topRightCloseFullscreenIcons {
    display: none;
}

div.ceModalDialogs > div.ceDialogs.fullscreenDialog > div.ceDialogHeaders {
    cursor: unset;
}

    div.ceModalDialogs > div.ceDialogs.fullscreenDialog > div.ceDialogHeaders span.topRightCloseIcons {
        display: none;
    }

    div.ceModalDialogs > div.ceDialogs.fullscreenDialog > div.ceDialogHeaders span.topRightCloseFullscreenIcons {
        display: inline-block;
    }

div.ceModalDialogs > div.ceDialogs.fullscreenDialog > .ceDialogContents {
    width: 100%;
    height: 100% !important;
    max-height: unset !important;
    padding-bottom: 124px !important;
}

div.ceModalDialogs > div.ceDialogs.fullscreenDialog > .ceDialogFooters {
    position: absolute;
    bottom: 0;
    background-color: #fff;
    z-index: 1;
}

div.ceDialogs.fullscreenDialog > div.ceDialogFooters button.ceDialogFooterCancelButtons:not(.fullscreenDontHide) {
    display: none;
}

div.ceDialogs.fullscreenDialog .maximize {
    display: none !important;
    background: none !important;
}

div.ceDialogs.fullscreenDialog > div.ceDialogFooters button.ceDialogFooterExitFullscreenButtons {
    display: inline-block;
}

.ceDialogs .ceDialogContents .col {
    width: 172px !important;
    margin: 0 !important;
}

    .ceDialogs .ceDialogContents .col label {
        float: none !important;
        display: inline-block;
        text-align: left !important;
        line-height: 1em !important;
        margin-top: 0;
        padding-top: 0 !important;
    }

    .ceDialogs .ceDialogContents .col input {
        width: 150px !important;
        margin: 0 !important;
    }

.modalSubHeader {
    margin-top: 0;
    font-size: 15px;
}

.ceDialogContents div.viewmode label {
    font-weight: bold;
}

.ceDialogContents div.viewmode span:not(.actionLink) {
    float: left;
    margin: 1em 8px 0 0;
    font-size: 13px;
    line-height: 36px;
}

.ceDialogContents div.viewmode span.contactBlockTypeIconContainer,
.ceDialogContents div.viewmode span.contactBlockTypeIconContainer span.contactBlockTypeIcons {
    margin-top: 0;
    margin-right: 4px;
    line-height: 24px;
}

.modal-search-container {
    position: relative;
    height: 50px;
    background-color: #f9f9fb;
    width: 100%;
    left: 0px;
    box-shadow: 0px 1px 1px #dadada;
    z-index: 1;
}

    .modal-search-container input,
    .modal-search-container select {
        height: 25px !important;
        line-height: 25px !important;
    }

div.ceModalDialogs span.errorMessages {
    color: red !important;
}

h3.modalSuccessMessages {
    color: #666;
    font-weight: bold !important;
}

h3.modalErrorMessages {
    color: red !important;
}

/**/
/*MODALS*/
/**/

/**/
/*MEDIA LIBRARY*/
/**/

.insertMediaBtnContainer {
    width: 152px;
}

#mainFormContentArea_insertMediaBtn_insertMediaBtn_ui_actionIcon,
#mainFormContentArea_insertMediaBtn2_insertMediaBtn2_ui_actionIcon,
#mainFormContentArea_insertMediaBtn3_insertMediaBtn3_ui_actionIcon {
    cursor: pointer;
}

#mainFormContentArea_TabPrimaryFileContent textarea,
#mainFormContentArea_TabHtmlTemplateContent textarea,
#mainFormContentArea_TabAltFileContent textarea,
#mainFormContentArea_TabAltFileContent2 textarea {
    width: 90%;
    max-width: none;
}

#insertMedia {
    border-bottom: 1px solid #d1d1d4;
    overflow-x: hidden;
}

    #insertMedia #searchContainer {
        padding: 2px 0px;
        position: relative;
        z-index: 1;
        border-bottom: 1px solid #d1d1d4;
        float: left;
        width: 100%;
        background-color: #2f2e32;
    }

/*Search bar*/
#mediaSearch {
    position: relative;
    top: -5px;
    left: 12px;
    height: 24px;
    line-height: 24px;
    border-radius: 0;
    font-size: 12px;
    float: left;
}

#addNewUpload {
    float: right;
    position: relative;
    top: -12px;
    left: -12px;
}

    #addNewUpload label {
        color: #fff;
        font-size: 14px;
    }

#insertMedia #newFile_container {
    position: absolute;
    top: 20px;
    left: 342px;
    width: 26px;
    height: 26px;
    line-height: 24px;
    font-size: 16px;
    text-align: center;
}

#insertMedia input#mainFormContentArea_newFile {
    position: absolute;
    top: -24px;
    left: -4px;
    width: 24px;
    filter: alpha(opacity=0);
    opacity: 0;
}

#insertMedia #newFile_container:before {
    font-family: "Font Awesome 5 Pro";
    content: '\f07c';
    color: #2f2e32;
}

#insertMedia #mainFormContentArea_newFileName {
    padding-right: 24px;
    position: relative;
    top: 7px;
    height: 24px;
    line-height: 24px;
    border-radius: 0;
    width: 200px;
    font-size: 12px;
}

#insertMedia #mainFormContentArea_uploadFile_uploadFile_ui_actionIcon {
    position: relative;
    height: 24px;
    padding-top: 4px;
    left: 12px;
    top: 7px;
}

#mediaDetailsBox {
    position: absolute;
    top: 0;
    right: 0;
    width: 200px;
    height: 100%;
    min-height: 400px;
    float: right;
    background-color: rgb(243,243,243);
}

#mediaDetails {
    position: relative;
    top: 72px;
    padding: 0 12px;
    font-size: 12px;
    word-wrap: break-word;
}

    #mediaDetails input {
        width: 156px;
    }

#mainFormContentArea_mediaListCtrl_mlListFilt {
    float: left;
    width: 700px;
    height: 412px;
    overflow-y: scroll;
}

.creatives #mainFormContentArea_mediaListCtrl_mlListFilt {
    height: 510px;
}

#mainFormContentArea_mediaListCtrl_mlListFilt span:not(.friendlyName) {
    margin: 12px 20px 12px 0px;
    width: 75px;
    height: 75px;
    float: left;
    border: 1px solid #d4d4d4;
    font-size: 10px;
    white-space: nowrap;
}

.mediaItem {
    margin: 12px 20px 12px 0px;
    width: 75px;
    height: 75px;
    float: left;
    border: 1px solid transparent;
    font-size: 10px;
    white-space: nowrap;
}


    .mediaItem.active {
        border: 1px solid #037bc0 !important;
    }

        .mediaItem.active:after {
            border: 1px solid #7fc145 !important;
            font-family: "Font Awesome 5 Pro";
            content: "\f00c";
            position: relative;
            border: none !important;
            top: -30px;
            left: -14px;
            background: #037bc0;
            padding: 4px;
            color: #fff;
        }

.friendlyName {
    position: relative;
    top: -4px;
    font-size: 10px;
    float: left;
}

.notHidden {
    display: block;
}

#insertMediaMessageContainer {
    position: relative;
    top: 0;
    width: 100%;
    background-color: #fff;
    float: left;
    z-index: 10000;
    text-align: center;
}

#insertMediaMessageContainer {
    position: relative;
    top: 0;
    width: 100%;
    background-color: #fff;
    float: left;
    z-index: 10000;
    text-align: center;
}

#mainFormContentArea_insertMediaMessage {
    margin: 6px;
    color: #fff;
}

.custom-file-input::-webkit-file-upload-button {
    visibility: hidden;
}

.custom-file-input::before {
    content: 'Select some files';
    display: inline-block;
    background: -webkit-linear-gradient(top, #f9f9f9, #e3e3e3);
    border: 1px solid #999;
    border-radius: 3px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 10pt;
}

.custom-file-input:hover::before {
    border-color: black;
}

.custom-file-input:active::before {
    background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9);
}

/* Media Library section in template design sections*/
.bubbleInfo {
    text-align: left !important;
}

img.trigger {
    width: 50px !important;
    height: auto !important;
    cursor: zoom-in;
}

.popup {
    width: 0 !important;
    height: 0 !important;
}

    .popup > img {
        position: absolute;
        min-width: 50px;
        /*Prevent large images from causing too much overflow*/
        max-width: 600px;
        max-height: 600px;
        z-index: 1;
    }

.media-details {
    padding: 20px;
    font-size: 14px;
    color: #343434;
    overflow-wrap: break-word;
}
/*END Media Library template design styling*/

/**/
/*MEDIA LIBRARY*/
/**/

/**/
/*UTILITIES*/
/**/

.helper-text {
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 12px;
    font-style: italic;
    box-sizing: border-box;
}

.ce-mb-2 {
    margin-bottom: 2em;
}

.ce-mb-2 {
    margin-bottom: 2em;
}

.ce-ml-1 {
    margin-left: 1em;
}

.ce-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important;
}

.ce-m-0 {
    margin: 0 0 !important;
}

.ce-mt-0 {
    margin-top: 0 !important;
}

.ce-mr-0 {
    margin-right: 0 !important;
}

.ce-mb-0 {
    margin-bottom: 0 !important;
}

.ce-ml-0 {
    margin-left: 0 !important;
}

.ce-mx-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
}

.ce-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.ce-m-1 {
    margin: 1rem 1rem !important;
}

.ce-mt-tiny {
    margin-top: 0.25rem !important;
}

.ce-mb-tiny {
    margin-bottom: 0.25rem !important;
}

.ce-mt-1 {
    margin-top: 1rem !important;
}

.ce-mr-1 {
    margin-right: 1rem !important;
}

.ce-mb-1 {
    margin-bottom: 1rem !important;
}

.ce-ml-1 {
    margin-left: 1rem !important;
}

.ce-mx-1 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
}

.ce-my-1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
}

.ce-m-2 {
    margin: 1.5rem 1.5rem !important;
}

.ce-mt-2 {
    margin-top: 1.5rem !important;
}

.ce-mr-2 {
    margin-right: 1.5rem !important;
}

.ce-mb-2 {
    margin-bottom: 1.5rem !important;
}

.ce-ml-2 {
    margin-left: 1.5rem !important;
}

.ce-mx-2 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.ce-my-2 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
}

.ce-m-3 {
    margin: 3rem 3rem !important;
}

.ce-mt-3 {
    margin-top: 3rem !important;
}

.ce-mr-3 {
    margin-right: 3rem !important;
}

.ce-mb-3 {
    margin-bottom: 3rem !important;
}

.ce-ml-3 {
    margin-left: 3rem !important;
}

.ce-mx-3 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
}

.ce-my-3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
}

.ce-p-0 {
    padding: 0 0 !important;
}

.ce-pt-0 {
    padding-top: 0 !important;
}

.ce-pr-0 {
    padding-right: 0 !important;
}

.ce-pb-0 {
    padding-bottom: 0 !important;
}

.ce-pl-0 {
    padding-left: 0 !important;
}

.ce-px-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.ce-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.ce-p-1 {
    padding: 1rem 1rem !important;
}

.ce-pt-1 {
    padding-top: 1rem !important;
}

.ce-pr-1 {
    padding-right: 1rem !important;
}

.ce-pb-1 {
    padding-bottom: 1rem !important;
}

.ce-pl-1 {
    padding-left: 1rem !important;
}

.ce-px-1 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
}

.ce-py-1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.ce-p-2 {
    padding: 1.5rem 1.5rem !important;
}

.ce-pt-2 {
    padding-top: 1.5rem !important;
}

.ce-pr-2 {
    padding-right: 1.5rem !important;
}

.ce-pb-2 {
    padding-bottom: 1.5rem !important;
}

.ce-pl-2 {
    padding-left: 1.5rem !important;
}

.ce-px-2 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
}

.ce-py-2 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}

.ce-p-3 {
    padding: 3rem 3rem !important;
}

.ce-pt-3 {
    padding-top: 3rem !important;
}

.ce-pr-3 {
    padding-right: 3rem !important;
}

.ce-pb-3 {
    padding-bottom: 3rem !important;
}

.ce-pl-3 {
    padding-left: 3rem !important;
}

.ce-px-3 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
}

.ce-py-3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
}

.ce-text-justify {
    text-align: justify !important;
}

.ce-text-nowrap {
    white-space: nowrap !important;
}

.ce-text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ce-text-xs-left {
    text-align: left !important;
}

.ce-text-xs-right {
    text-align: right !important;
}

.ce-text-xs-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .ce-text-sm-left {
        text-align: left !important;
    }

    .ce-text-sm-right {
        text-align: right !important;
    }

    .ce-text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .ce-text-md-left {
        text-align: left !important;
    }

    .ce-text-md-right {
        text-align: right !important;
    }

    .ce-text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .ce-text-lg-left {
        text-align: left !important;
    }

    .ce-text-lg-right {
        text-align: right !important;
    }

    .ce-text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .ce-text-xl-left {
        text-align: left !important;
    }

    .ce-text-xl-right {
        text-align: right !important;
    }

    .ce-text-xl-center {
        text-align: center !important;
    }
}

.ce-text-lowercase {
    text-transform: lowercase !important;
}

.ce-text-uppercase {
    text-transform: uppercase !important;
}

.ce-text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-normal {
    font-weight: normal;
}

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

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

.not-active {
    cursor: not-allowed;
    opacity: .35;
}

    .not-active a {
        pointer-events: none;
        cursor: not-allowed;
        opacity: .35;
    }

.button-under-input {
    margin-left: 138px !important;
}

.pos-rel {
    position: relative !important;
}

.pos-abs {
    position: absolute !important;
}

.pos-fixed {
    position: fixed !important;
}

.pos-static {
    position: static !important;
}

.pos-unset {
    position: unset !important;
}

.h-auto {
    height: auto !important;
}

.ce-flt-l {
    float: left !important;
}

.ce-flt-r {
    float: right !important;
}

.ce-flt-n {
    float: none !important;
}

.ce-flt-u {
    float: unset !important;
}

.ce-w-100 {
    width: 100% !important;
    float: left !important;
}

.ce-w-auto {
    width: auto !important;
}

.ce-text-black {
    color: #353439 !important;
}

.ce-text-blue {
    color: #037bc0 !important;
}

.ce-text-green {
    color: #7dc245 !important;
}

.ce-text-white {
    color: #fff !important;
}

.ce-text-muted {
    color: #818a91 !important;
}

.ce-text-warning {
    color: #f39c12 !important;
}

.ce-text-error {
    color: #e84c3d !important;
}

a.ce-text-muted:focus, a.ce-text-muted:hover {
    color: #687077 !important;
}

.ce-bg-green {
    background-color: #7dc245 !important;
}

.ce-bg-lightgray {
    background-color: #f9f9fb !important;
}

/*The colors below correspond to the modules in Admin Console -ie, the CE rainbow*/
.ce-text-light-teal {
    color: #3bae78 !important;
}

.ce-bg-light-teal {
    background-color: #54d197 !important;
}

.ce-text-light-blue {
    color: #119eab !important;
}

.ce-bg-light-blue {
    background-color: #29c0ce !important;
}

.ce-text-purple {
    color: #501f70 !important;
}

.ce-bg-purple {
    background-color: #662b8e !important;
}

.ce-text-yellow {
    color: #c1a919 !important;
}

.ce-bg-yellow {
    background-color: #d8c127 !important;
}

.ce-text-organge {
    color: #c35b16 !important;
}

.ce-bg-organge {
    background-color: #da772c !important;
}

.ce-text-pink {
    color: #a1003a !important;
}

.ce-bg-pink {
    background-color: #d40064 !important;
}

.ce-text-medium-blue {
    color: #0079ba !important;
}

.ce-bg-medium-blue {
    background-color: #00a0ee !important;
}

.ce-text-olive {
    color: #5f8c0e !important;
}

.ce-bg-olive {
    background-color: #719f1b !important;
}

.ce-text-dark-teal {
    color: #027f6f !important;
}

.ce-bg-dark-teal {
    background-color: #13a08f !important;
}

.ce-text-brown {
    color: #563420 !important;
}

.ce-bg-brown {
    background-color: #744f39 !important;
}

.ce-font-smaller {
    font-size: 13px !important;
}

.ce-font-medium {
    font-size: 14px !important;
}

.ce-font-large {
    font-size: 16px !important;
}

.ce-hover-underline:hover {
    text-decoration: underline !important;
}

/**/
/*UTILITIES*/
/**/

/**/
/*PANELS TABS*/
/**/

/* Tabs can be used both with or without jQuery (reusable) */
.tabs .panel {
    border: 1px solid #d1d1d4;
    border-top: none;
}

    .tabs .panel h3 {
        margin-top: 0;
    }

.tabs .menu {
    background-color: #3b3a3f;
}

    .tabs .menu li {
        display: inline-block;
        margin: 0 !important;
        padding: 0 !important;
    }

        .tabs .menu li a {
            display: inline-block !important;
            margin-left: 1em;
            padding: .1em .75em 0 .75em !important;
            border-bottom: 4px solid #3b3a3f;
            color: #f1f1f2 !important;
            font-family: 'Open Sans', sans-serif;
            font-size: 0.75em; /* 12px */
            line-height: 3.4em; /* 18px */
            text-transform: uppercase;
            -moz-transition: all 0.2s ease-in-out 0s;
            -webkit-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
        }

            .tabs .menu li a:hover {
                color: #7fc145 !important;
                text-decoration: none !important;
            }

            .tabs .menu li a.current {
                color: #7fc145 !important;
                border-bottom-color: #7fc145 !important;
            }
/* Body area containers with 4-tier navigation (resuable) */
.panel.tiered {
    margin-top: 1.5em;
    /*border: 1px solid #e4e4e6;*/
    padding-bottom: 2em;
    background-color: #fff;
    min-width: 900px;
}

    .panel.tiered.ce-responsive,
    .panel.tiered.small-panel {
        min-width: unset;
    }

    .panel.tiered nav li, .panel.tiered nav a {
        display: block;
        float: left;
    }

    .panel.tiered nav a {
        padding: 13px 22px 10px;
        color: #a3a3a3 !important;
        font-size: 15px;
    }

        .panel.tiered nav a.error {
            color: #e84c3d !important;
        }

            .panel.tiered nav a.error:hover {
                color: #cc4336 !important;
            }

.panel .tier-1 {
    /*background: #f7f7f7 url('/_images/bg-rule-e4e4e6.gif') repeat-x left bottom;*/
}

    .panel .tier-1 > .cloned,
    .panel .current .tier-2 > .cloned {
        display: none;
    }

    .panel .tier-1 a:hover, .panel .tier-1 a.current, .panel .dynamic .tier-1 > .current > a {
        color: #353439 !important;
        text-decoration: none !important;
        border-bottom: 2px solid transparent;
        font-weight: bold;
    }

    /*.panel .tier-1 a.current, .panel .dynamic .tier-1 > .current > a {
        background-color: #fff;
        border-left: 1px solid #e4e4e6;
        border-right: 1px solid #e4e4e6;
    }*/

    .panel .tier-1 li:first-child a.current, .panel .dynamic .tier-1 > .current:first-child > a {
        border-left: none;
    }

    .panel .tier-1 > li.more,
    .panel .current .tier-2 li.more {
        margin-top: 0;
        position: relative;
    }

        .panel .tier-1 > li.more:hover .dropdown,
        .panel .current .tier-2 li.more:hover .dropdown {
            top: 38px;
            left: 16px;
            opacity: 1;
            border-top: 1px solid #cdcdcd;
        }
        /* has .pointer */
        .panel .tier-1 > li.more .dropdown ul,
        .panel .current .tier-2 li.more .dropdown ul {
            padding: 10px 15px;
        }

        .panel .tier-1 > li.more .dropdown li,
        .panel .current .tier-2 li.more .dropdown li {
            float: none;
        }

        .panel .tier-1 > li.more .dropdown a,
        .panel .current .tier-2 li.more .dropdown a {
            float: none;
            display: inline;
            padding: 10px 22px;
            text-transform: none;
            text-transform: none;
            white-space: nowrap;
        }

/*First Row Tab App Color Customizations*/

.contacts .panel .tier-1 a:hover, .contacts .panel .tier-1 a.current, .contacts .panel .dynamic .tier-1 > .current > a {
    color: #3bae78 !important;
}

.contacts .panel .tier-1 a.current, .contacts .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #3bae78;
}

.donations .panel .tier-1 a:hover, .donations .panel .tier-1 a.current, .donations .panel .dynamic .tier-1 > .current > a {
    color: #13aab9 !important;
}

.donations .panel .tier-1 a.current, .donations .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #13aab9;
}

.campaigns .panel .tier-1 a:hover, .campaigns .panel .tier-1 a.current, .campaigns .panel .dynamic .tier-1 > .current > a {
    color: #502771 !important;
}

.campaigns .panel .tier-1 a.current, .campaigns .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #502771;
}

.events .panel .tier-1 a:hover, .events .panel .tier-1 a.current, .events .panel .dynamic .tier-1 > .current > a {
    color: #c5a704 !important;
}

.events .panel .tier-1 a.current, .events .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #c5a704;
}

.advocacy .panel .tier-1 a:hover, .advocacy .panel .tier-1 a.current, .advocacy .panel .dynamic .tier-1 > .current > a {
    color: #c95d05 !important;
}

.advocacy .panel .tier-1 a.current, .advocacy .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #c95d05;
}

.online .panel .tier-1 a:hover, .online .panel .tier-1 a.current, .online .panel .dynamic .tier-1 > .current > a {
    color: #9c083f !important;
}

.online .panel .tier-1 a.current, .online .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #9c083f;
}

.merchandise .panel .tier-1 a:hover, .merchandise .panel .tier-1 a.current {
    color: #037bc0 !important;
}

.merchandise .panel .tier-1 a.current, .merchandise .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #037bc0;
}

.accounting .panel .tier-1 a:hover, .accounting .panel .tier-1 a.current, .accounting .panel .dynamic .tier-1 > .current > a {
    color: #5e8905 !important;
}

.accounting .panel .tier-1 a.current, .accounting .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #5e8905;
}

.reports .panel .tier-1 a:hover, .reports .panel .tier-1 a.current, .reports .panel .dynamic .tier-1 > .current > a {
    color: #027f6f !important;
}

.reports .panel .tier-1 a.current, .reports .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #027f6f;
}

.automation .panel .tier-1 a:hover, .automation .panel .tier-1 a.current, .automation .panel .dynamic .tier-1 > .current > a {
    color: #59351f !important;
}

.automation .panel .tier-1 a.current, .automation .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #59351f;
}

.configuration .panel .tier-1 a:hover, .configuration .panel .tier-1 a.current, .configuration .panel .dynamic .tier-1 > .current > a {
    color: #7FC145 !important;
}

.configuration .panel .tier-1 a.current, .configuration .panel .dynamic .tier-1 > .current > a {
    border-bottom-color: #7FC145;
}

.panel .tier-2 {
    background: #fff; /*hides parent underline (if desired)*/
}

    .panel .tier-2 a {
        border-bottom: 2px solid transparent;
    }

        /*.panel .tier-2 a:hover, .panel .tier-2 a.current {
            color: #353439 !important;
            text-decoration: none !important;
            font-weight: bold !important;
        }*/

        .panel .tier-2 a:hover, .panel .tier-2 a.current, .panel .dynamic .tier-2 > .current > a {
            color: #353439 !important;
            text-decoration: none !important;
            border-bottom: 2px solid transparent;
            font-weight: bold;
        }

        .panel .tier-2 a.current {
            border-bottom-color: #666;
        }

/*Second Row Tab App Color Customizations*/

.contacts .panel .tier-2 a:hover, .contacts .panel .tier-2 a.current, .contacts .panel .dynamic .tier-2 > .current > a {
    color: #3bae78 !important;
}

.contacts .panel .tier-2 a.current, .contacts .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #3bae78;
}

.donations .panel .tier-2 a:hover, .donations .panel .tier-2 a.current, .donations .panel .dynamic .tier-2 > .current > a {
    color: #13aab9 !important;
}

.donations .panel .tier-2 a.current, .donations .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #13aab9;
}

.campaigns .panel .tier-2 a:hover, .campaigns .panel .tier-2 a.current, .campaigns .panel .dynamic .tier-2 > .current > a {
    color: #502771 !important;
}

.campaigns .panel .tier-2 a.current, .campaigns .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #502771;
}

.events .panel .tier-2 a:hover, .events .panel .tier-2 a.current, .events .panel .dynamic .tier-2 > .current > a {
    color: #c5a704 !important;
}

.events .panel .tier-2 a.current, .events .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #c5a704;
}

.advocacy .panel .tier-2 a:hover, .advocacy .panel .tier-2 a.current, .advocacy .panel .dynamic .tier-2 > .current > a {
    color: #c95d05 !important;
}

.advocacy .panel .tier-2 a.current, .advocacy .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #c95d05;
}

.online .panel .tier-2 a:hover, .online .panel .tier-2 a.current, .online .panel .dynamic .tier-2 > .current > a {
    color: #9c083f !important;
}

.online .panel .tier-2 a.current, .online .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #9c083f;
}

.merchandise .panel .tier-2 a:hover, .merchandise .panel .tier-2 a.current {
    color: #037bc0 !important;
}

.merchandise .panel .tier-2 a.current, .merchandise .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #037bc0;
}

.accounting .panel .tier-2 a:hover, .accounting .panel .tier-2 a.current, .accounting .panel .dynamic .tier-2 > .current > a {
    color: #5e8905 !important;
}

.accounting .panel .tier-2 a.current, .accounting .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #5e8905;
}

.reports .panel .tier-2 a:hover, .reports .panel .tier-2 a.current, .reports .panel .dynamic .tier-2 > .current > a {
    color: #027f6f !important;
}

.reports .panel .tier-2 a.current, .reports .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #027f6f;
}

.automation .panel .tier-2 a:hover, .automation .panel .tier-2 a.current, .automation .panel .dynamic .tier-2 > .current > a {
    color: #59351f !important;
}

.automation .panel .tier-2 a.current, .automation .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #59351f;
}

.configuration .panel .tier-2 a:hover, .configuration .panel .tier-2 a.current, .configuration .panel .dynamic .tier-2 > .current > a {
    color: #7FC145 !important;
}

.configuration .panel .tier-2 a.current, .configuration .panel .dynamic .tier-2 > .current > a {
    border-bottom-color: #7FC145;
}

.panel .tier-3 {
    background: #fff; /*hides parent underline (if desired)*/
}

    .panel .tier-3 li:first-child a {
        border-left: none;
    }

    /*.panel .tier-3 a:hover, .panel .tier-3 a.current {
    color: #353439 !important;
    text-decoration: none !important;
    font-weight: bold;
}*/

    .panel .tier-3 a:hover, .panel .tier-3 a.current, .panel .dynamic .tier-3 > .current > a {
        color: #353439 !important;
        text-decoration: none !important;
        border-bottom: 2px solid transparent;
        font-weight: bold;
    }

/*Third Row Tab App Color Customizations*/

.contacts .panel .tier-3 a:hover, .contacts .panel .tier-3 a.current, .contacts .panel .dynamic .tier-3 > .current > a {
    color: #3bae78 !important;
}

.contacts .panel .tier-3 a.current, .contacts .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #3bae78;
}

.donations .panel .tier-3 a:hover, .donations .panel .tier-3 a.current, .donations .panel .dynamic .tier-3 > .current > a {
    color: #13aab9 !important;
}

.donations .panel .tier-3 a.current, .donations .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #13aab9;
}

.campaigns .panel .tier-3 a:hover, .campaigns .panel .tier-3 a.current, .campaigns .panel .dynamic .tier-3 > .current > a {
    color: #502771 !important;
}

.campaigns .panel .tier-3 a.current, .campaigns .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #502771;
}

.events .panel .tier-3 a:hover, .events .panel .tier-3 a.current, .events .panel .dynamic .tier-3 > .current > a {
    color: #c5a704 !important;
}

.events .panel .tier-3 a.current, .events .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #c5a704;
}

.advocacy .panel .tier-3 a:hover, .advocacy .panel .tier-3 a.current, .advocacy .panel .dynamic .tier-3 > .current > a {
    color: #c95d05 !important;
}

.advocacy .panel .tier-3 a.current, .advocacy .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #c95d05;
}

.online .panel .tier-3 a:hover, .online .panel .tier-3 a.current, .online .panel .dynamic .tier-3 > .current > a {
    color: #9c083f !important;
}

.online .panel .tier-3 a.current, .online .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #9c083f;
}

.merchandise .panel .tier-3 a:hover, .merchandise .panel .tier-3 a.current, .merchandise .panel .dynamic .tier-3 > .current > a {
    color: #037bc0 !important;
}

.merchandise .panel .tier-3 a.current, .merchandise .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #037bc0;
}

.accounting .panel .tier-3 a:hover, .accounting .panel .tier-3 a.current, .accounting .panel .dynamic .tier-3 > .current > a {
    color: #5e8905 !important;
}

.accounting .panel .tier-3 a.current, .accounting .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #5e8905;
}

.reports .panel .tier-3 a:hover, .reports .panel .tier-3 a.current, .reports .panel .dynamic .tier-3 > .current > a {
    color: #027f6f !important;
}

.reports .panel .tier-3 a.current, .reports .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #027f6f;
}

.automation .panel .tier-3 a:hover, .automation .panel .tier-3 a.current, .automation .panel .dynamic .tier-3 > .current > a {
    color: #59351f !important;
}

.automation .panel .tier-3 a.current, .automation .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #59351f;
}

.configuration .panel .tier-3 a:hover, .configuration .panel .tier-3 a.current, .configuration .panel .dynamic .tier-3 > .current > a {
    color: #7FC145 !important;
}

.configuration .panel .tier-3 a.current, .configuration .panel .dynamic .tier-3 > .current > a {
    border-bottom-color: #7FC145;
}

.panel .tier-4 {
    background: #fff; /*hides parent underline (if desired)*/
}

    /*.panel .tier-4 li {
        margin: 15px 0 0 10px;
        border: none;
    }

    .panel .tier-4 a {
        margin-top: 0;
        padding: 2px 16px 0 !important;
    }

        .panel .tier-4 a:hover {
            text-decoration: none !important;
            background-color: #eee;
        }

        .panel .tier-4 a.current {
            color: #fff !important;
            font-weight: bold;
        }*/

    .panel .tier-4 a:hover, .panel .tier-4 a.current, .panel .dynamic .tier-4 > .current > a {
        color: #353439 !important;
        text-decoration: none !important;
        border-bottom: 2px solid transparent;
        font-weight: bold;
    }

/*Fourth Row Tab App Color Customizations*/

.contacts .panel .tier-4 a:hover, .contacts .panel .tier-4 a.current, .contacts .panel .dynamic .tier-4 > .current > a {
    color: #00b576 !important;
}

.contacts .panel .tier-4 a.current, .contacts .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #00b576;
}

.donations .panel .tier-4 a:hover, .donations .panel .tier-4 a.current, .donations .panel .dynamic .tier-4 > .current > a {
    color: #00aebe !important;
}

.donations .panel .tier-4 a.current, .donations .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #00aebe;
}

.campaigns .panel .tier-4 a:hover, .campaigns .panel .tier-4 a.current, .campaigns .panel .dynamic .tier-4 > .current > a {
    color: #591275 !important;
}

.campaigns .panel .tier-4 a.current, .campaigns .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #591275;
}

.events .panel .tier-4 a:hover, .events .panel .tier-4 a.current, .events .panel .dynamic .tier-4 > .current > a {
    color: #caaa00 !important;
}

.events .panel .tier-4 a.current, .events .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #caaa00;
}

.advocacy .panel .tier-4 a:hover, .advocacy .panel .tier-4 a.current, .advocacy .panel .dynamic .tier-4 > .current > a {
    color: #d95300 !important;
}

.advocacy .panel .tier-4 a.current, .advocacy .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #d95300;
}

.online .panel .tier-4 a:hover, .online .panel .tier-4 a.current, .online .panel .dynamic .tier-4 > .current > a {
    color: #b70043 !important;
}

.online .panel .tier-4 a.current, .online .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #b70043;
}

.merchandise .panel .tier-4 a:hover, .merchandise .panel .tier-4 a.current, .merchandise .panel .dynamic .tier-4 > .current > a {
    color: #0079ba !important;
}

.merchandise .panel .tier-4 a.current, .merchandise .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #0079ba;
}

.accounting .panel .tier-4 a:hover, .accounting .panel .tier-4 a.current, .accounting .panel .dynamic .tier-4 > .current > a {
    color: #4c9000 !important;
}

.accounting .panel .tier-4 a.current, .accounting .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #4c9000;
}

.reports .panel .tier-4 a:hover, .reports .panel .tier-4 a.current, .reports .panel .dynamic .tier-4 > .current > a {
    color: #008471 !important;
}

.reports .panel .tier-4 a.current, .reports .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #008471;
}

.automation .panel .tier-4 a:hover, .automation .panel .tier-4 a.current, .automation .panel .dynamic .tier-4 > .current > a {
    color: #5f3117 !important;
}

.automation .panel .tier-4 a.current, .automation .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #5f3117;
}

.configuration .panel .tier-4 a:hover, .configuration .panel .tier-4 a.current, .configuration .panel .dynamic .tier-4 > .current > a {
    color: #7FC145 !important;
}

.configuration .panel .tier-4 a.current, .configuration .panel .dynamic .tier-4 > .current > a {
    border-bottom-color: #7FC145;
}

#main nav.dynamic ul.tier-1 li.error > a {
    color: red !important;
}

#main nav.dynamic ul.tier-2 li.error > a {
    color: red !important;
}

#main nav.dynamic ul.tier-3 li.error > a {
    color: red !important;
}

#main nav.dynamic ul.tier-4 li.error > a {
    color: red !important;
}

.panel + .actions {
    float: right;
}

.panel.tiered h3 {
    clear: both;
    color: #353439;
    margin: 0 20px 10px;
    padding: 2em 5px .5em;
    font-size: 1em; /* 16px */
    line-height: 1.125em; /* 18px */
    text-transform: none;
    border-bottom: 1px solid #e3e3e3;
}

    .panel.tiered h3.expandable {
        padding-left: 0;
        border-bottom: 0px;
    }

.panel.tiered fieldset {
    margin: 0 2% 10px;
    padding-top: 14px; /*24px;*/
    width: 70% !important; /*Any width larger than this allows for three columns and pushes into other elements*/
}

.panel.tiered div.advancedFilterTab fieldset {
    padding-top: 0px;
}

.panel.tiered fieldset.expandable {
    padding-top: 0px;
}

    .panel.tiered fieldset.fullWidth {
        width: auto !important;
    }

    .panel.tiered fieldset h4 {
        clear: both;
        color: #a3a3a3;
        font-family: ProximaNova-Semibold;
        font-size: 13px;
        line-height: 1.1em;
        margin-top: 0;
        padding: 1.2em 5px .5em;
    }
/* Dynamic JavaScript 3-tier tab navigation (in HTML apply dynamic class and use nested <ul>) */
.panel nav.dynamic {
    position: relative;
}

    .panel nav.dynamic.tiers-x2 {
        height: 96px;
    }

    .panel nav.dynamic.tiers-x3 {
        height: 135px;
    }

    .panel nav.dynamic.tiers-x4 {
        height: 191px;
    }

.panel .dynamic .tier-2, .panel .dynamic .tier-3, .panel .dynamic .tier-4 {
    display: none;
}

.panel .dynamic .current .tier-2, .panel .dynamic .current > .tier-3, .panel .dynamic .current > .tier-4 {
    display: block;
    position: absolute;
    left: 0;
    top: 47px;
    width: 100%;
}

/*.panel .dynamic .current .tier-3 {
    top: 49px;
}*/

/*.panel .dynamic .current .tier-4 {
    top: 39px;
}*/

.panel .dynamic .tier-2 a {
    font-family: 'Open Sans', sans-serif;
}

.panel .dynamic .tier-3 a {
    border-bottom: none;
}

.panel .dynamic .tier-4 a {
    border: none;
}

    .panel .dynamic .tier-4 a:hover {
        color: #a3a3a3 !important;
    }

.panel .dynamic .tier-4 .current a {
    color: #fff !important;
}

.panel .dynamic .tier-1 > .cloned,
.panel .dynamic .current .tier-2 > .cloned {
    display: block;
}

    .panel .dynamic .tier-1 > .cloned > a,
    .panel .dynamic .current .tier-2 > .cloned > a {
        display: none;
    }

.panel .dynamic .tier-1 > .more .cloned ul,
.panel .dynamic .current .tier-2 .more .cloned ul {
    display: none;
}

.panel.tiered fieldset.group {
    width: 96% !important;
}

.panel.tiered.small-panel fieldset.group {
    width: auto !important;
}

.panel.tiered.advancedFilterTabGroup {
    margin-top: 0;
}

/*tab header control formatting*/
div.panel.tiered.group > div.group.pane > fieldset.group > p {
    margin-top: 0px;
    margin-bottom: 4px;
}

    div.panel.tiered.group > div.group.pane > fieldset.group > p.left > span:not(.managebuttongroup) {
        margin-top: 2px !important;
    }

    div.panel.tiered.group > div.group.pane > fieldset.group > p.left > span.related-set > div.checker {
        margin-top: 5px !important;
    }

    div.panel.tiered.group > div.group.pane > fieldset.group > p.left > span.related-set > label {
        margin-top: 4px !important;
    }

    div.panel.tiered.group > div.group.pane > fieldset.group > p.left > div {
        margin-top: 0px !important;
    }

    div.panel.tiered.group > div.group.pane > fieldset.group > p.left > span.left a {
        display: inline-block;
    }

div.tabAjaxPanelTopRightActions {
    float: right;
    display: inline-block;
    margin-top: 4px;
}

    div.tabAjaxPanelTopRightActions > span.tabAjaxPanelTopRightIcons {
        cursor: pointer;
        margin-left: 4px;
        color: #037bc0;
        font-size: 18px;
    }

        div.tabAjaxPanelTopRightActions > span.tabAjaxPanelTopRightIcons.fa-refresh {
            color: #7dc245;
        }

div.panel.tiered.group > div.group.pane > fieldset.group > div > span.ajaxDataPanelNoRecsMessages {
    display: inline-block;
    margin-top: 20px;
}

div.tabAjaxPanelTopRightActions > .tabAjaxPanelTopRightActions {
    float: right;
}

div.tabAjaxPanelTopRightActions span.fa-refresh {
    color: #7dc245;
}

/**/
/*PANELS TABS*/
/**/

/**/
/*CE GRIDBOX TOOLBOX*/
/**/

.ce-two-col-layout.right-auto {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 200px auto;
}

.ce-two-col-layout.left-auto {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto 200px;
}

.ce-two-col-layout.right-auto.fat-configs {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 444px auto;
}

.ce-two-col-layout.left-auto.fat-configs {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: auto 444px;
}

.toolbox-item {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 20px auto;
    margin-bottom: 1em;
    padding: 12px 12px;
    width: 160px;
    color: #353439;
    font-size: 13px;
    background-color: #fff;
    border: 1px solid #dadada;
    -webkit-box-shadow: -1px 1px 2px 0px #e4e4e4;
    box-shadow: -1px 1px 2px 0px #e4e4e4;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

    .toolbox-item.disabled {
        background: #dadada;
        opacity: .7;
        cursor: not-allowed;
    }

    .toolbox-item .button-icon {
        display: flex;
        font-size: 1.2em;
        justify-content: center;
        align-items: center;
    }

    .toolbox-item .button-text {
        margin-left: 12px;
    }

    .toolbox-item:hover {
        text-decoration: none !important;
        background-color: #eeeeee;
    }

/**/
/*CE GRIDBOX TOOLBOX*/
/**/

/**/
/*ICONS*/
/**/

@font-face {
    font-family: 'fontello';
    src: url('/_includes/_css/_thirdParty/fonts/fontello.eot?82980561');
    src: url('/_includes/_css/_thirdParty/fonts/fontello.eot?82980561#iefix') format('embedded-opentype'), url('/_includes/_css/_thirdParty/fonts/fontello.woff?82980561') format('woff'), url('/_includes/_css/_thirdParty/fonts/fontello.ttf?82980561') format('truetype'), url('/_includes/_css/_thirdParty/fonts/fontello.svg?82980561#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('/font/fontello.svg?20389510#fontello') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}


.icon-search:before {
    content: '\e800';
}
/* '' */
.icon-resize-full:before {
    content: '\e801';
}
/* '' */
.icon-mail-alt:before {
    content: '\e802';
}
/* '' */
.icon-heart:before {
    content: '\e803';
}
/* '' */
.icon-heart-empty:before {
    content: '\e804';
}
/* '' */
.icon-user:before {
    content: '\e805';
}
/* '' */
.icon-users:before {
    content: '\e806';
}
/* '' */
.icon-ok-1:before {
    content: '\e807';
}
/* '' */
.icon-ok-circled:before {
    content: '\e808';
}
/* '' */
.icon-ok-squared:before {
    content: '\e809';
}
/* '' */
.icon-cancel:before {
    content: '\e80a';
}
/* '' */
.icon-cancel-circled:before {
    content: '\e80b';
}
/* '' */
.icon-plus:before {
    content: '\e80c';
}
/* '' */
.icon-minus:before {
    content: '\e80d';
}
/* '' */
.icon-help-circled:before {
    content: '\e80e';
}
/* '' */
.icon-info-circled:before {
    content: '\e80f';
}
/* '' */
.icon-link-ext:before {
    content: '\e810';
}
/* '' */
.icon-flag:before {
    content: '\e811';
}
/* '' */
.icon-pencil:before {
    content: '\e812';
}
/* '' */
.icon-print:before {
    content: '\e813';
}
/* '' */
.icon-chat:before {
    content: '\e814';
}
/* '' */
.icon-attention:before {
    content: '\e815';
}
/* '' */
.icon-attention-circled:before {
    content: '\e816';
}
/* '' */
.icon-phone:before {
    content: '\e817';
}
/* '' */
.icon-mail:before {
    content: '\e818';
}
/* '' */
.icon-calendar:before {
    content: '\e819';
}
/* '' */
.icon-logout:before {
    content: '\e81a';
}
/* '' */
.icon-clock:before {
    content: '\e81b';
}
/* '' */
.icon-resize-full-1:before {
    content: '\e81c';
}
/* '' */
.icon-down-dir:before {
    content: '\e81d';
}
/* '' */
.icon-up-dir:before {
    content: '\e81e';
}
/* '' */
.icon-left-dir:before {
    content: '\e81f';
}
/* '' */
.icon-right-dir:before {
    content: '\e820';
}
/* '' */
.icon-angle-left:before {
    content: '\e821';
}
/* '' */
.icon-angle-right:before {
    content: '\e822';
}
/* '' */
.icon-angle-up:before {
    content: '\e823';
}
/* '' */
.icon-angle-down:before {
    content: '\e824';
}
/* '' */
.icon-exchange:before {
    content: '\e825';
}
/* '' */
.icon-flash:before {
    content: '\e826';
}
/* '' */
.icon-ellipsis:before {
    content: '\e827';
}
/* '' */
.icon-ellipsis-vert:before {
    content: '\e828';
}
/* '' */
.icon-circle:before {
    content: '\e829';
}
/* '' */
.icon-circle-empty:before {
    content: '\e82a';
}
/* '' */
.icon-filter:before {
    content: '\e82b';
}
/* '' */
.icon-sort:before {
    content: '\e82c';
}
/* '' */
.icon-sort-down:before {
    content: '\e82d';
}
/* '' */
.icon-building:before {
    content: '\e82e';
}
/* '' */
.icon-blank:before {
    content: '\e82f';
}
/* '' */
.icon-cog:before {
    content: '\e830';
}
/* '' */
.icon-arrows-cw:before {
    content: '\e831';
}
/* '' */

/**/
/*ICONS*/
/**/

/**/
/*QTIP*/
/**/

/*
 * qTip2 - Pretty powerful tooltips - v2.1.1
 * http://qtip2.com
 *
 * Copyright (c) 2013 Craig Michael Thompson
 * Released under the MIT, GPL licenses
 * http://jquery.org/license
 *
 * Date: Mon Sep 23 2013 09:38 UTC+0000
 * Plugins: tips viewport
 * Styles: css3
 */
.qtip {
    position: absolute;
    left: -28000px;
    top: -28000px;
    display: none;
    max-width: 280px;
    min-width: 50px;
    font-size: 10.5px;
    line-height: 12px;
    direction: ltr;
    box-shadow: none;
    padding: 0;
}

.qtip-content {
    position: relative;
    padding: 5px 9px;
    overflow: hidden;
    text-align: left;
    word-wrap: break-word;
}

.qtip-titlebar {
    position: relative;
    padding: 5px 35px 5px 10px;
    overflow: hidden;
    border-width: 0 0 1px;
    font-weight: bold;
}

    .qtip-titlebar + .qtip-content {
        border-top-width: 0 !important;
    }

/* Default close button class */
.qtip-close {
    position: absolute;
    right: -9px;
    top: -9px;
    cursor: pointer;
    outline: medium none;
    border-width: 1px;
    border-style: solid;
    border-color: transparent;
}

.qtip-titlebar .qtip-close {
    right: 4px;
    top: 50%;
    margin-top: -9px;
}

* html .qtip-titlebar .qtip-close {
    top: 16px;
}
/* IE fix */

.qtip-titlebar .ui-icon,
.qtip-icon .ui-icon {
    display: block;
    text-indent: -1000em;
    direction: ltr;
}

.qtip-icon, .qtip-icon .ui-icon {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-decoration: none;
}

    .qtip-icon .ui-icon {
        width: 18px;
        height: 14px;
        line-height: 14px;
        text-align: center;
        text-indent: 0;
        font: normal bold 10px/13px Tahoma,sans-serif;
        color: inherit;
        background: transparent none no-repeat -100em -100em;
    }

/* Applied to 'focused' tooltips e.g. most recently displayed/interacted with */
.qtip-focus {
}

/* Applied on hover of tooltips i.e. added/removed on mouseenter/mouseleave respectively */
.qtip-hover {
}

/* Default tooltip style */
.qtip-default {
    border-width: 1px;
    border-style: solid;
    border-color: #F1D031;
    background-color: #FFFFA3;
    color: #555;
}

    .qtip-default .qtip-titlebar {
        background-color: #FFEF93;
    }

    .qtip-default .qtip-icon {
        border-color: #CCC;
        background: #F1F1F1;
        color: #777;
    }

    .qtip-default .qtip-titlebar .qtip-close {
        border-color: #AAA;
        color: #111;
    }



.qtip-shadow {
    -webkit-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.15);
}

/* Add rounded corners to your tooltips in: FF3+, Chrome 2+, Opera 10.6+, IE9+, Safari 2+ */
.qtip-rounded,
.qtip-bootstrap {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    .qtip-rounded .qtip-titlebar {
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

/**
 * Twitter Bootstrap style.
 *
 * Tested with IE 8, IE 9, Chrome 18, Firefox 9, Opera 11.
 * Does not work with IE 7.
 */
.qtip-bootstrap {
    /** Taken from Bootstrap body */
    font-size: 11px;
    line-height: 18px;
    color: #333333;
    /** Taken from Bootstrap .popover */
    padding: 1px;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

    .qtip-bootstrap .qtip-titlebar {
        /** Taken from Bootstrap .popover-title */
        padding: 8px 14px;
        margin: 0;
        font-size: 13px;
        font-weight: normal;
        line-height: 18px;
        background-color: #f7f7f7;
        border-bottom: 1px solid #ebebeb;
        -webkit-border-radius: 5px 5px 0 0;
        -moz-border-radius: 5px 5px 0 0;
        border-radius: 5px 5px 0 0;
    }

        .qtip-bootstrap .qtip-titlebar .qtip-close {
            /**
			 * Overrides qTip2:
			 * .qtip-titlebar .qtip-close{
			 *   [...]
			 *   right: 4px;
			 *   top: 50%;
			 *   [...]
			 *   border-style: solid;
			 * }
			 */
            right: 11px;
            top: 45%;
            border-style: none;
        }

    .qtip-bootstrap .qtip-content {
        /** Taken from Bootstrap .popover-content */
        padding: 8px 14px;
    }

    .qtip-bootstrap .qtip-icon {
        /**
		 * Overrides qTip2:
		 * .qtip-default .qtip-icon {
		 *   border-color: #CCC;
		 *   background: #F1F1F1;
		 *   color: #777;
		 * }
		 */
        background: transparent;
    }

        .qtip-bootstrap .qtip-icon .ui-icon {
            /**
			 * Overrides qTip2:
			 * .qtip-icon .ui-icon{
			 *   width: 18px;
			 *   height: 14px;
			 * }
			 */
            width: auto;
            height: auto;
            /* Taken from Bootstrap .close */
            float: right;
            font-size: 20px;
            font-weight: bold;
            line-height: 18px;
            color: #000000;
            text-shadow: 0 1px 0 #ffffff;
            opacity: 0.2;
            filter: alpha(opacity=20);
        }

            .qtip-bootstrap .qtip-icon .ui-icon:hover {
                /* Taken from Bootstrap .close:hover */
                color: #000000;
                text-decoration: none;
                cursor: pointer;
                opacity: 0.4;
                filter: alpha(opacity=40);
            }


/* IE9 fix - removes all filters */
.qtip:not(.ie9haxors) div.qtip-content,
.qtip:not(.ie9haxors) div.qtip-titlebar {
    filter: none;
    -ms-filter: none;
}



.qtip .qtip-tip {
    margin: 0 auto;
    overflow: hidden;
    z-index: 10;
}

/* Opera bug #357 - Incorrect tip position
	https://github.com/Craga89/qTip2/issues/367 */
x:-o-prefocus, .qtip .qtip-tip {
    visibility: hidden;
}

    .qtip .qtip-tip,
    .qtip .qtip-tip .qtip-vml,
    .qtip .qtip-tip canvas {
        position: absolute;
        color: #123456;
        background: transparent;
        border: 0 dashed transparent;
    }

        .qtip .qtip-tip canvas {
            top: 0;
            left: 0;
        }

        .qtip .qtip-tip .qtip-vml {
            behavior: url(#default#VML);
            display: inline-block;
            visibility: visible;
        }

/**/
/*QTIP*/
/**/
 
/**/
/*CUSTOM FONTS*/
/**/

/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/K88pR3goAWT7BTt32Z01mxJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/RjgO7rYTmqiVp7vzi-Q5URJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/LWCjsQkB6EMdfHrEVqA1KRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/xozscpT2726on7jbcb_pAhJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/59ZRklaO5bWGqF5A9baEERJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/u-WUoqrET9fUeobQW7jkRRJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}

/**/
/*CUSTOM FONTS*/
/**/

/**/
/*ACTIVITIES*/
/**/

/* Activities (homepage) */
#activities .viewport {
    height: 26.4em;
}

#activities .activities li {
    padding: 20px 16px;
    background-color: #fff;
}

    #activities .activities li:nth-child(even) {
        background-color: #f1f1f2;
    }

.lt-ie9 #activities .activities li {
    border-bottom: 1px solid #ccc;
}

#activities .activities header {
    width: 100%;
}

    #activities .activities header * {
        float: left;
    }

    #activities .activities header a.expand {
        color: #a6a6a6;
        margin-top: 20px;
    }

        #activities .activities header a.expand:hover, #activities .activities header a.expanded {
            color: #7fc145;
        }

    #activities .activities header img {
        margin: 8px 0 26px 10px;
    }

    #activities .activities header h4 {
        width: 60%;
        margin: 22px 0 20px 25px;
    }

    #activities .activities header time, #activities .activities header a.action {
        width: 10%;
        margin: 22px 0 0 25px;
    }

    #activities .activities header a.action {
        color: #5e5e5e;
        font-family: ProximaNova-Bold;
        font-size: .75em; /* 12px */
        text-transform: uppercase;
    }

        #activities .activities header a.action:hover {
            color: #7fc145;
        }

#activities .activities .details {
    border-top: 1px solid #e5e6e6;
}

#activities .activities li:nth-child(even) .details {
    border-color: #d1d1d1;
}

#activities .activities .details dl {
    float: left;
    width: 23%;
    margin-right: 2%;
    font-size: 0.875em; /* 14px */
    line-height: 1.2857em; /* 18px */
    margin-top: 1.2857em;
    margin-bottom: 0;
}

#activities .activities .details dt {
    font-family: ProximaNova-Semibold;
    font-size: .85em;
}

#activities .activities .details dd + dt {
    margin-top: 1em;
}

/**/
/*ACTIVITIES*/
/**/

/**/
/*REPORT BUILDER WIDGET*/
/**/

#ReportBuilderButtonLi {
    width: 26px;
}

#saveSearchContainer {
    width: 300px;
    position: relative;
    left: -200px;
    top: 21px;
}

.saveFilterArea {
    padding: 22px;
    width: 540px;
    left: -289px !important;
    background-color: #fff;
    z-index: 39999;
    position: absolute;
    border: 1px solid #cdcdcd;
    border-radius: 0px;
    background-color: #fff;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
}

.saveFilterOnlyArea {
    width: 440px !important;
    height: 200px !important;
    left: -224px !important;
}

#saveFilterArea .pointer {
    position: relative;
    display: block;
    top: -29px;
    left: 464px;
    width: 18px;
    height: 20px;
    background: url('/_images/bg-dropdown-mini.gif') no-repeat 5px 0;
}

.saveFilterOnlyArea .pointer {
    left: 400px !important;
}

#saveFilterArea p {
    margin: 0;
    margin-top: 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    float: left;
}

#screenSaveFilterName {
    margin-top: 0;
    width: 98% !important;
    float: left;
}

#clearCurrentFilter {
    position: relative;
    float: right;
    padding: 0px 4px !important;
}

.dropdownHeader {
    position: relative;
    top: -12px;
    height: 50px;
    font-size: 12px !important;
}

.checkboxContainer {
    float: left;
}

.searchName {
    width: 100%;
    float: left;
    margin-top: -10px;
}

    .searchName label {
        width: 100%;
    }

.columnSelection {
    width: 100%;
    float: left;
}

#saveFilterArea label {
    text-align: left;
    margin-bottom: 10px;
}

.saveFilterArea .ui-multiselect {
    width: 224px !important;
    height: 36px !important;
}

.saveSearchActions {
    float: left;
    margin-top: 20px;
    width: 100%;
}

#saveFilter_saveFilter_ui_actionIcon {
    padding: 7px 0px 4px 0px !important;
    position: relative;
    float: left;
    width: 100% !important;
    text-align: center;
}

#saveFilter_UIActionDiv a.button {
    padding: 7px 0px 4px 0px !important;
}

#saveAndExport_saveAndExport_ui_actionIcon {
    margin-top: 12px !important;
    margin-right: 0px !important;
    position: relative;
    width: 100% !important;
    text-align: center;
    float: left;
}

#saveAndExport_UIActionDiv a.button {
    padding: 7px 0px 4px 0px !important;
}

#existingFilters {
    width: 216px !important;
    float: right !important;
    margin-top: 4px !important;
}

.exportNow {
    width: 100%;
    margin-top: 20px !important;
    float: left;
}

#exportWithoutSaving_exportWithoutSaving_ui_actionIcon {
    width: 100% !important;
    margin-top: 16px;
    padding: 9px;
    border-radius: 3px;
    border: none;
    text-transform: uppercase;
    font-family: ProximaNova-Semibold;
    background-color: #3b3a3f !important;
    box-shadow: 0px 2px 0px 0px #000 !important;
    color: #fff;
    font-size: 13px;
    width: 100%;
}

#exportColumnsToChoose {
    width: 100% !important;
    min-width: 0px !important;
    height: 180px;
    border: 1px solid #cccccc;
    float: left;
    overflow-y: scroll;
}

    /*WHYYYYYYYYYY -- look at BISCheckboxList control*/
    #exportColumnsToChoose .checker,
    #exportColumnsToChoose input {
        margin-top: 0px !important;
        float: left;
    }

    #exportColumnsToChoose td {
        padding: 6px !important;
        border: none !important;
    }

    #exportColumnsToChoose label {
        margin-top: 0px !important;
        padding: 0px;
        padding-top: 0px;
        width: 180px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

#scheduleBtn {
    position: absolute;
    margin-top: 16px;
    right: 30px;
}

    #scheduleBtn:hover {
        color: #7fc245 !important;
    }

/*Column Ordering list*/
#chosenExportColumns {
    width: 100% !important;
    min-width: 0px !important;
    height: 180px;
    border: 1px solid #cccccc;
    float: right;
    overflow-y: scroll;
}

    #chosenExportColumns td {
        padding: 6px !important;
        border: none !important;
    }

    #chosenExportColumns label {
        margin-top: 0px !important;
        padding: 0px;
        padding-top: 2px;
        width: 160px;
    }

@media (max-width: 700px) {

    #saveSearchContainer {
        left: -179px;
    }

    #saveFilterArea .pointer {
        left: 184px;
    }

    #saveFilterArea {
        margin-left: 260px;
    }
}

.filterLoaded i {
    color: #7fc145 !important;
}

.fa-times-circle {
    color: #353439;
}

.checkboxContainer {
    float: left;
    clear: both;
    margin-top: 5px;
    line-height: 1.2em;
    width: 100%;
}

#exportColumnsToChoose, #chosenExportColumns {
    padding: 5px 10px;
}

span.orderNum {
    float: left;
    margin-right: 3px;
    min-width: 15px;
    font-size: 13px;
    line-height: normal;
}

#chosenExportColumns .ui-state-highlight {
    height: 1.5em;
    line-height: 1.2em;
    float: left;
    clear: both;
    width: 100%;
}

#chosenExportColumns .checker {
    margin-top: 0px !important;
}

#chosenExportColumns input[type='checkbox'] {
    margin-top: 3px !important;
}

#chosenExportColumns input[type='text'] {
    width: 170px;
    margin-top: 0;
    height: 24px;
    top: -2px;
    position: relative;
}

/**/
/*REPORT BUILDER WIDGET*/
/**/

/**/
/*STEP WIZARD*/
/**/

.ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #037bc0;
}

.ce-step-navigation {
    float: left;
    width: 100%;
    margin-top: 3em;
    margin-bottom: 2em;
    text-align: left;
}

.ceDialogFooters .ce-step-navigation {
    display: flex;    
}

.ce-step-navigation .step {
    cursor: pointer;
    font-size: 0.9em;
    float: left;
}

        .ce-step-navigation .step.next,
        .ce-step-navigation .step.last {
            padding: 4px 12px;
            background: #fff;
            border: 1px solid #037bc0;
            box-shadow: 1px 1px 1px #dadada;
        }

        .ce-step-navigation .step.back {
            text-align: center;
            padding: 4px 12px;
            margin-right: 10px;
            display: inline-block;
            border: 1px solid #d0d0d0;
            color: #676767 !important;
            background: #f9f9f9;
            box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
        }

        .ce-step-navigation .step.next,
        .ce-step-navigation .step.finish,
        .ce-step-navigation .step.last {
            position: relative;
            text-align: left;
            color: #353439 !important;
            margin-left: 10px;
            display: inline-block;
        }

        .ce-step-navigation .step.finish {
            display: block;
            padding-right: 4px;
            margin-top: 16px;
            margin-bottom: 14px;
            margin-left: 0;
            font-size: 14px;
            overflow: hidden;
            float: left;
        }

        .ce-step-navigation .step.next i,
        .ce-step-navigation .step.last i {
            color: #037bc0;
        }

        .ce-step-navigation .step.last,
        .ce-step-navigation .step.last i {
            text-transform: uppercase;
            color: #fff !important;
        }

        .ce-step-navigation .step:not(.finish):hover {
            background-color: #f9f9fb;
            box-shadow: 1px 1px 4px #8e8e8e;
            text-decoration: none !important;
        }

        .ce-step-navigation .step.last:hover {
            box-shadow: 2px 2px 4px #8e8e8e;
        }

    .ce-step-navigation .last-step-container.disabled {
        cursor: not-allowed;
        float: left;
    }

        .ce-step-navigation .last-step-container.disabled * {
            opacity: .75;
            pointer-events: none;
        }

    .ce-step-navigation.top {
        position: absolute;
        top: -40px;
        right: 0;
        width: auto;
    }

        .ce-step-navigation.top .step.back {
            display: none;
        }


.ce-nav-item .completedIcon {
    color: #7dc145;
}

.ce-nav-item .validationFailedIcon {
    color: goldenrod;
}

/*MODULE SPECIFIC COLORS*/
.contacts .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #54d197;
}

.contacts .ce-step-navigation .step.next {
    border-color: #54d197;
}

.contacts .ce-step-navigation .step.last {
    border-color: #54d197;
    background-color: #54d197;
}

.contacts .ce-step-navigation .step.next i {
    color: #54d197;
}

.donations .ce-step-navigation .step.next {
    border-color: #29c0ce;
}

.donations .ce-step-navigation .step.last {
    border-color: #29c0ce;
    background-color: #29c0ce;
}

.donations .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #29c0ce;
}

.donations .ce-step-navigation .step.next i {
    color: #29c0ce;
}

.campaigns .ce-step-navigation .step.next {
    border-color: #66358f;
}

.campaigns .ce-step-navigation .step.last {
    border-color: #66358f;
    background-color: #66358f;
}

.campaigns .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #66358f;
}

.campaigns .ce-step-navigation .step.next i {
    color: #66358f;
}

.events .ce-step-navigation .step.next {
    border-color: #dcbe19;
}

.events .ce-step-navigation .step.last {
    border-color: #dcbe19;
    background-color: #dcbe19;
}

.events .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #dcbe19;
}

.events .ce-step-navigation .step.next i,
.events .ce-step-navigation .step.last i {
    color: #dcbe19;
}

.advocacy .ce-step-navigation .step.next {
    border-color: #e17823;
}

.advocacy .ce-step-navigation .step.last {
    border-color: #e17823;
    background-color: #e17823;
}

.advocacy .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #e17823;
}

.advocacy .ce-step-navigation .step.next i {
    color: #e17823;
}

.online .ce-step-navigation .step.next {
    border-color: #c12768;
}

.online .ce-step-navigation .step.last {
    border-color: #c12768;
    background-color: #c12768;
}

.online .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #c12768;
}

.online .ce-step-navigation .step.next i {
    color: #c12768;
}

.merchandise .ce-step-navigation .step.next {
    border-color: #10a2e6;
}

.merchandise .ce-step-navigation .step.last {
    border-color: #10a2e6;
    background-color: #10a2e6;
}

.merchandise .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #10a2e6;
}

.merchandise .ce-step-navigation .step.next i {
    color: #10a2e6;
}

.accounting .ce-step-navigation .step.next {
    border-color: #75a315;
}

.accounting .ce-step-navigation .step.last {
    border-color: #75a315;
    background-color: #75a315;
}

.accounting .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #75a315;
}

.accounting .ce-step-navigation .step.next i {
    color: #75a315;
}

.reports .ce-step-navigation .step.next {
    border-color: #13a08e;
}

.reports .ce-step-navigation .step.last {
    border-color: #13a08e;
    background-color: #13a08e;
}

.reports .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #13a08e;
}

.reports .ce-step-navigation .step.next i {
    color: #13a08e;
}

.automation .ce-step-navigation .step.next {
    border-color: #774f38;
}

.automation .ce-step-navigation .step.last {
    border-color: #774f38;
    background-color: #774f38;
}

.automation .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #774f38;
}

.automation .ce-step-navigation .step.next i {
    color: #774f38;
}

.configuration .ce-step-navigation .step.next {
    border-color: #3b3a3f;
}

.configuration .ce-step-navigation .step.last {
    border-color: #3b3a3f;
    background-color: #3b3a3f;
}

.configuration .ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    border-top: 3px solid #3b3a3f;
}

.configuration .ce-step-navigation .step.next i {
    color: #3b3a3f;
}

/**/
/*STEP WIZARD*/
/**/

/**/
/*BUTTONS DROP DOWNS*/
/**/


.btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group {
    margin-left: 5px;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: -5px !important;
}

    .btn-group.open .dropdown-toggle {
        -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
        box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
    }

    .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
        outline: 0;
    }

    .btn-group > .btn:first-child {
        margin-left: 0;
    }

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    background-image: none;
}

.btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}

.btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group {
    float: left;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

.btn-group-xs > .btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

.btn-group .btn-default.button.ok + .btn.btn-default.dropdown-toggle {
    padding-top: 6px;
    padding-bottom: 5px;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

button, select {
    text-transform: none;
}

button {
    overflow: visible;
}

button {
    margin: 0;
    font: inherit;
    color: inherit;
}

.btn .caret {
    margin-left: 0;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px dashed;
    border-top: 4px solid\9;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
}

Inherited from button.btn.btn-default.btn-xs.dropdown-toggle .btn-default.active, .btn-default:active, .open > .dropdown-toggle.btn-default {
    color: #fff;
    background-color: #e6e6e6;
    border-color: #adadad;
}


.btn-default {
    color: #fff;
    background-color: #fff;
    border-color: #ccc;
}

.btn {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 0em 1em 0 0;
    padding: 7px 25px 4px;
    border: 0 none;
    font-size: 13px;
    color: #fff;
    text-transform: uppercase;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: all 0.2s ease-in-out 0s;
    -webkit-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
    line-height: normal;
}

button {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    -webkit-appearance: button;
    cursor: pointer;
}

button {
    text-transform: none;
}

button {
    margin: 0;
    font: inherit;
    color: inherit;
}

.open > .dropdown-menu {
    display: block;
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 145px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

    .dropdown-menu > li > a {
        display: block;
        padding: 3px 20px !important;
        clear: both;
        font-weight: 400;
        line-height: 1.42857143;
        color: #333;
        white-space: nowrap;
        font-size: 1em !important;
        text-transform: none;
    }

    .dropdown-menu > li {
        border: none !important;
        line-height: 14px !important;
        padding: 0px !important;
        margin: 0px !important;
    }

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin: 0px !important;
    cursor: pointer;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-radius: 0;
}

.btn-group > .btn + .dropdown-toggle {
    padding-right: 8px;
    padding-left: 8px;
    margin-right: 0;
}

.btn-group-vertical > .btn, .btn-group > .btn {
    position: relative;
    float: left;
}

span.batch-mode-trigger {
    position: relative;
}

    span.batch-mode-trigger a {
        color: #333 !important;
    }

    span.batch-mode-trigger.collapse {
        position: relative;
        left: -25px;
        top: 30px;
    }

    span.batch-mode-trigger:hover {
        color: #000;
        cursor: pointer;
    }

/*PRODUCT MODULE COLORS CUSTOMIZATION*/

/*--------GENERIC---------*/
#main .btn {
    background-color: #7fc145;
    -webkit-box-shadow: 0px 2px 0px 0px #67a72e;
    box-shadow: 0px 2px 0px 0px #67a72e;
}

#main .btn-group > .btn:last-child:not(:first-child), #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #67a72e !important;
}

/*--------DONATIONS---------*/
.donations #main .btn {
    background-color: #29c0ce;
    -webkit-box-shadow: 0px 2px 0px 0px #119eab;
    box-shadow: 0px 2px 0px 0px #119eab;
}

    .donations #main .btn:hover {
        background-color: #13aab9;
    }

.donations #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #119eab !important;
}

.donations #main .btn-group > .btn:last-child:not(:first-child), .donations #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #119eab !important;
}


/*--------EVENTS---------*/
.events #main .btn {
    background-color: #d8c127;
    -webkit-box-shadow: 0px 2px 0px 0px #c1a919;
    box-shadow: 0px 2px 0px 0px #c1a919;
}

    .events #main .btn:hover {
        background-color: #ccb625;
    }

.events #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #c1a919 !important;
}

.events #main .btn-group > .btn:last-child:not(:first-child), .events #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #c1a919 !important;
}


/*--------CONTACTS---------*/
.contacts #main .btn {
    background-color: #54d197;
    -webkit-box-shadow: 0px 2px 0px 0px #3bae78;
    box-shadow: 0px 2px 0px 0px #3bae78;
}

    .contacts #main .btn:hover {
        background-color: #4fc48e;
    }

.contacts #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #3bae78 !important;
}

.contacts #main .btn-group > .btn:last-child:not(:first-child), .contacts #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #3bae78 !important;
}

/*--------CAMPAIGNS---------*/
.campaigns #main .btn {
    background-color: #662b8e;
    -webkit-box-shadow: 0px 2px 0px 0px #501f70;
    box-shadow: 0px 2px 0px 0px #501f70;
}

    .campaigns #main .btn:hover {
        background-color: #5d2782;
    }

.campaigns #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #502771 !important;
}

.campaigns #main .btn-group > .btn:last-child:not(:first-child), .campaigns #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #502771 !important;
}

/*--------MERCHANDISE---------*/
.merchandise #main .btn {
    background-color: #00a0ee;
    -webkit-box-shadow: 0px 2px 0px 0px #0079ba;
    box-shadow: 0px 2px 0px 0px #0079ba;
}

    .merchandise #main .btn:hover {
        background-color: #0097e0;
    }

.merchandise #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #037bc0 !important;
}

.merchandise #main .btn-group > .btn:last-child:not(:first-child), .merchandise #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #037bc0 !important;
}

/*--------ADVOCACY---------*/
.advocacy #main .btn {
    background-color: #da772c;
    -webkit-box-shadow: 0px 2px 0px 0px #c35b16;
    box-shadow: 0px 2px 0px 0px #c35b16;
}

    .advocacy #main .btn:hover {
        background-color: #cc6f29;
    }

.advocacy #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #c95d05 !important;
}

.advocacy #main .btn-group > .btn:last-child:not(:first-child), .advocacy #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #c95d05 !important;
}

/*--------Online---------*/
.online #main .btn {
    background-color: #d40064;
    -webkit-box-shadow: 0px 2px 0px 0px #a1003a;
    box-shadow: 0px 2px 0px 0px #a1003a;
}

    .online #main .btn:hover {
        background-color: #c7005e;
    }

.online #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #9c083f !important;
}

.online #main .btn-group > .btn:last-child:not(:first-child), .online #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #9c083f !important;
}

/*--------Accounting---------*/
.accounting #main .btn {
    background-color: #719f1b;
    -webkit-box-shadow: 0px 2px 0px 0px #5f8c0e;
    box-shadow: 0px 2px 0px 0px #5f8c0e;
}

    .accounting #main .btn:hover {
        background-color: #679119;
    }

.accounting #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #5e8905 !important;
}

.accounting #main .btn-group > .btn:last-child:not(:first-child), .accounting #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #5e8905 !important;
}

/*--------Reports and Analytics---------*/
.reports #main .btn {
    background-color: #13a08f;
    -webkit-box-shadow: 0px 2px 0px 0px #027f6f;
    box-shadow: 0px 2px 0px 0px #027f6f;
}

    .reports #main .btn:hover {
        background-color: #129484;
    }

.reports #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #13a08e !important;
}

.reports #main .btn-group > .btn:last-child:not(:first-child), .reports #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #13a08e !important;
}

/*--------Automation and Workflow---------*/
.automation #main .btn {
    background-color: #744f39;
    -webkit-box-shadow: 0px 2px 0px 0px #563420;
    box-shadow: 0px 2px 0px 0px #563420;
}

    .automation #main .btn:hover {
        background-color: #664532;
    }

.automation #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #59351f !important;
}

.automation #main .btn-group > .btn:last-child:not(:first-child), .automation #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #59351f !important;
}

/*--------Configuration---------*/
.configuration #main .btn {
    background-color: #7fc145;
    -webkit-box-shadow: 0px 2px 0px 0px #67a72e;
    box-shadow: 0px 2px 0px 0px #67a72e;
}

    .configuration #main .btn:hover {
        background-color: #76b540;
    }

.configuration #main .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-right: 1px solid #76b540 !important;
}

.configuration #main .btn-group > .btn:last-child:not(:first-child), .configuration #main .btn-group > .dropdown-toggle:not(:first-child) {
    border-left: 1px solid #76b540 !important;
}

/**/
/*BUTTONS DROP DOWNS*/
/**/

/**/
/*CARDS*/
/**/

.card {
    position: relative;
    display: block;
    margin-bottom: 0.75rem;
    background-color: #fff;
    border-radius: 0.25rem;
    /*border: 1px solid rgba(0, 0, 0, 0.125);*/
}

.card-block {
    padding: 1.25rem;
}

    .card-block::after {
        content: "";
        display: table;
        clear: both;
    }

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.card-header {
    padding: 0.5rem 1.25rem;
    margin-bottom: 0;
    background-color: #f5f5f5;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-header::after {
        content: "";
        display: table;
        clear: both;
    }

    .card-header:first-child {
        border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    }

    .card-header h5 {
        margin: 0 !important;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: #f5f5f5;
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

    .card-footer::after {
        content: "";
        display: table;
        clear: both;
    }

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-primary {
    background-color: #0275d8;
    border-color: #0275d8;
}

    .card-primary .card-header,
    .card-primary .card-footer {
        background-color: transparent;
    }

.card-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

    .card-success .card-header,
    .card-success .card-footer {
        background-color: transparent;
    }

.card-info {
    background-color: #5bc0de;
    border-color: #5bc0de;
}

    .card-info .card-header,
    .card-info .card-footer {
        background-color: transparent;
    }

.card-warning {
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}

    .card-warning .card-header,
    .card-warning .card-footer {
        background-color: transparent;
    }

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

    .card-danger .card-header,
    .card-danger .card-footer {
        background-color: transparent;
    }

.card-outline-primary {
    background-color: transparent;
    border-color: #0275d8;
}

.card-outline-secondary {
    background-color: transparent;
    border-color: #ccc;
}

.card-outline-info {
    background-color: transparent;
    border-color: #5bc0de;
}

.card-outline-success {
    background-color: transparent;
    border-color: #5cb85c;
}

.card-outline-warning {
    background-color: transparent;
    border-color: #f0ad4e;
}

.card-outline-danger {
    background-color: transparent;
    border-color: #d9534f;
}

.card-inverse .card-header,
.card-inverse .card-footer {
    border-color: rgba(255, 255, 255, 0.2);
}

.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
    color: #fff;
}

    .card-inverse .card-link,
    .card-inverse .card-text,
    .card-inverse .card-subtitle,
    .card-inverse .card-blockquote .blockquote-footer {
        color: rgba(255, 255, 255, 0.65);
    }

        .card-inverse .card-link:focus, .card-inverse .card-link:hover {
            color: #fff;
        }

.card-blockquote {
    padding: 0;
    margin-bottom: 0;
    border-left: 0;
}

.card-img {
    border-radius: calc(0.25rem - 1px);
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img-top {
    border-top-right-radius: calc(0.25rem - 1px);
    border-top-left-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

@media (min-width: 576px) {
    .card-deck {
        display: table;
        width: 100%;
        margin-bottom: 0.75rem;
        table-layout: fixed;
        border-spacing: 1.25rem 0;
    }

        .card-deck .card {
            display: table-cell;
            margin-bottom: 0;
            vertical-align: top;
        }

    .card-deck-wrapper {
        margin-right: -1.25rem;
        margin-left: -1.25rem;
    }
}

@media (min-width: 576px) {
    .card-group {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

        .card-group .card {
            display: table-cell;
            vertical-align: top;
        }

            .card-group .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group .card:first-child {
                border-bottom-right-radius: 0;
                border-top-right-radius: 0;
            }

                .card-group .card:first-child .card-img-top {
                    border-top-right-radius: 0;
                }

                .card-group .card:first-child .card-img-bottom {
                    border-bottom-right-radius: 0;
                }

            .card-group .card:last-child {
                border-bottom-left-radius: 0;
                border-top-left-radius: 0;
            }

                .card-group .card:last-child .card-img-top {
                    border-top-left-radius: 0;
                }

                .card-group .card:last-child .card-img-bottom {
                    border-bottom-left-radius: 0;
                }

            .card-group .card:not(:first-child):not(:last-child) {
                border-radius: 0;
            }

                .card-group .card:not(:first-child):not(:last-child) .card-img-top,
                .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
                    border-radius: 0;
                }
}

@media (min-width: 576px) {
    .card-columns {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}


.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

    .fade.in {
        opacity: 1;
    }

.collapse {
    display: none;
}

    .collapse.in {
        display: block;
    }

tr.collapse.in {
    display: table-row;
}

tbody.collapse.in {
    display: table-row-group;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease;
    -webkit-transition-duration: .35s;
    -o-transition-duration: .35s;
    transition-duration: .35s;
    -webkit-transition-property: height;
    -o-transition-property: height;
    transition-property: height;
}

/**/
/*CARDS*/
/**/

/**/
/*POPOVER*/
/**/

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}

    .tooltip.in {
        opacity: 0.9;
    }

    .tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
        padding: 5px 0;
        margin-top: -3px;
    }

        .tooltip.tooltip-top .tooltip-inner::before, .tooltip.bs-tether-element-attached-bottom .tooltip-inner::before {
            bottom: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 5px 5px 0;
            border-top-color: #000;
        }

    .tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
        padding: 0 5px;
        margin-left: 3px;
    }

        .tooltip.tooltip-right .tooltip-inner::before, .tooltip.bs-tether-element-attached-left .tooltip-inner::before {
            top: 50%;
            left: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 5px 5px 0;
            border-right-color: #000;
        }

    .tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
        padding: 5px 0;
        margin-top: 3px;
    }

        .tooltip.tooltip-bottom .tooltip-inner::before, .tooltip.bs-tether-element-attached-top .tooltip-inner::before {
            top: 0;
            left: 50%;
            margin-left: -5px;
            content: "";
            border-width: 0 5px 5px;
            border-bottom-color: #000;
        }

    .tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
        padding: 0 5px;
        margin-left: -3px;
    }

        .tooltip.tooltip-left .tooltip-inner::before, .tooltip.bs-tether-element-attached-right .tooltip-inner::before {
            top: 50%;
            right: 0;
            margin-top: -5px;
            content: "";
            border-width: 5px 0 5px 5px;
            border-left-color: #000;
        }

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    background-color: #000;
    border-radius: 0.25rem;
}

    .tooltip-inner::before {
        position: absolute;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
    }

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1060;
    display: block;
    /*max-width: 276px;*/
    padding: 1px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-break: auto;
    line-height: 1.5;
    text-align: left;
    text-align: start;
    text-decoration: none;
    text-shadow: none;
    text-transform: none;
    white-space: normal;
    word-break: normal;
    word-spacing: normal;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0rem;
}

    .popover.popover-top, .popover.bs-tether-element-attached-bottom {
        margin-top: -10px;
    }

        .popover.popover-top::before, .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::before, .popover.bs-tether-element-attached-bottom::after {
            left: 50%;
            border-bottom-width: 0;
        }

        .popover.popover-top::before, .popover.bs-tether-element-attached-bottom::before {
            bottom: -11px;
            margin-left: -11px;
            border-top-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-top::after, .popover.bs-tether-element-attached-bottom::after {
            bottom: -10px;
            margin-left: -10px;
            border-top-color: #fff;
        }

    .popover.popover-right, .popover.bs-tether-element-attached-left {
        margin-left: 10px;
    }

        .popover.popover-right::before, .popover.popover-right::after, .popover.bs-tether-element-attached-left::before, .popover.bs-tether-element-attached-left::after {
            top: 50%;
            border-left-width: 0;
        }

        .popover.popover-right::before, .popover.bs-tether-element-attached-left::before {
            left: -11px;
            margin-top: -11px;
            border-right-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-right::after, .popover.bs-tether-element-attached-left::after {
            left: -10px;
            margin-top: -10px;
            border-right-color: #fff;
        }

    .popover.popover-bottom, .popover.bs-tether-element-attached-top {
        margin-top: 10px;
    }

        .popover.popover-bottom::before, .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::before, .popover.bs-tether-element-attached-top::after {
            left: 50%;
            border-top-width: 0;
        }

        .popover.popover-bottom::before, .popover.bs-tether-element-attached-top::before {
            top: -11px;
            margin-left: -11px;
            border-bottom-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-bottom::after, .popover.bs-tether-element-attached-top::after {
            top: -10px;
            margin-left: -10px;
            border-bottom-color: #f7f7f7;
        }

        .popover.popover-bottom .popover-title::before, .popover.bs-tether-element-attached-top .popover-title::before {
            position: relative;
            top: 0;
            left: 50%;
            display: block;
            width: 20px;
            margin-left: -10px;
            content: "";
            border-bottom: 1px solid #dadada;
            background-color: #f9f9fb;
            color: #000;
            font-size: .9em;
        }

    .popover.popover-left, .popover.bs-tether-element-attached-right {
        margin-left: -10px;
    }

        .popover.popover-left::before, .popover.popover-left::after, .popover.bs-tether-element-attached-right::before, .popover.bs-tether-element-attached-right::after {
            top: 50%;
            border-right-width: 0;
        }

        .popover.popover-left::before, .popover.bs-tether-element-attached-right::before {
            right: -11px;
            margin-top: -11px;
            border-left-color: rgba(0, 0, 0, 0.25);
        }

        .popover.popover-left::after, .popover.bs-tether-element-attached-right::after {
            right: -10px;
            margin-top: -10px;
            border-left-color: #fff;
        }

.popover-title {
    padding: 8px 14px;
    margin: 0 !important;
    width: auto;
    min-width: 140px;
    font-size: .9rem;
    color: #000;
    background-color: #f9f9fb;
    border-bottom: 1px solid #ebebeb;
    border-radius: 0;
    text-transform: none !important;
    box-sizing: border-box;
    overflow: hidden;
}

    .popover-title:empty {
        display: none;
    }

.popover-content {
    padding: 9px 14px;
    float: left;
}

    .popover-content fieldset.group {
        width: auto !important;
        margin: auto !important;
        padding-bottom: 2em !important;
    }

.popover::before,
.popover::after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.popover::before {
    content: "";
    border-width: 11px;
}

.popover::after {
    content: "";
    border-width: 10px;
}

.popover.popover-bottom .popover-title::before,
.popover.bs-tether-element-attached-top .popover-title::before {
    border-bottom: none !important;
}

.popover-content-container {
    margin-top: 45px;
    margin-bottom: 6px;
}

.popover-pos-l {
    left: -56px !important;
}

.popover.popover-pos-l.popover-bottom::before,
.popover.popover-pos-l.popover.popover-bottom::after {
    left: 77px !important;
}

table .popover-pos-l {
    left: -91px !important;
}

.popover.popover-pos-r.popover-bottom::before,
.popover.popover-pos-r.popover.popover-bottom::after {
    left: 163px !important;
}

.popover-toggle {
    cursor: pointer;
}

/**/
/*POPOVER*/
/**/

/**/
/*LIST GROUPS*/
/**/

.card > .ce-list-group:first-child .ce-list-group-item:first-child {
    border-top-right-radius: 0.25rem;
    border-top-left-radius: 0.25rem;
}

.card > .ce-list-group:last-child .ce-list-group-item:last-child {
    border-bottom-right-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

.ce-list-group {
    padding-left: 0;
    margin-bottom: 0;
}

.ce-list-group-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}

    .ce-list-group-item:first-child {
        border-top-right-radius: 0.25rem;
        border-top-left-radius: 0.25rem;
    }

    .ce-list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

    .ce-list-group-item.disabled, .ce-list-group-item.disabled:focus, .ce-list-group-item.disabled:hover {
        color: #818a91;
        cursor: not-allowed;
        background-color: #eceeef;
    }

        .ce-list-group-item.disabled .ce-list-group-item-heading, .ce-list-group-item.disabled:focus .ce-list-group-item-heading, .ce-list-group-item.disabled:hover .ce-list-group-item-heading {
            color: inherit;
        }

        .ce-list-group-item.disabled .ce-list-group-item-text, .ce-list-group-item.disabled:focus .ce-list-group-item-text, .ce-list-group-item.disabled:hover .ce-list-group-item-text {
            color: #818a91;
        }

    .ce-list-group-item.active, .ce-list-group-item.active:focus, .ce-list-group-item.active:hover {
        z-index: 2;
        color: #fff;
        text-decoration: none;
        background-color: #0275d8;
        border-color: #0275d8;
    }

        .ce-list-group-item.active .ce-list-group-item-heading,
        .ce-list-group-item.active .ce-list-group-item-heading > small,
        .ce-list-group-item.active .ce-list-group-item-heading > .small, .ce-list-group-item.active:focus .ce-list-group-item-heading,
        .ce-list-group-item.active:focus .ce-list-group-item-heading > small,
        .ce-list-group-item.active:focus .ce-list-group-item-heading > .small, .ce-list-group-item.active:hover .ce-list-group-item-heading,
        .ce-list-group-item.active:hover .ce-list-group-item-heading > small,
        .ce-list-group-item.active:hover .ce-list-group-item-heading > .small {
            color: inherit;
        }

        .ce-list-group-item.active .ce-list-group-item-text, .ce-list-group-item.active:focus .ce-list-group-item-text, .ce-list-group-item.active:hover .ce-list-group-item-text {
            color: #a8d6fe;
        }

.ce-list-group-flush .ce-list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

.ce-list-group-item-action {
    width: 100%;
    color: #555;
    text-align: inherit;
}

    .ce-list-group-item-action .ce-list-group-item-heading {
        color: #333;
    }

    .ce-list-group-item-action:focus, .ce-list-group-item-action:hover {
        color: #555;
        text-decoration: none;
        background-color: #f5f5f5;
    }

.ce-list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.ce-list-group-item-success,
button.ce-list-group-item-success {
    color: #3c763d;
}

    a.ce-list-group-item-success .ce-list-group-item-heading,
    button.ce-list-group-item-success .ce-list-group-item-heading {
        color: inherit;
    }

    a.ce-list-group-item-success:focus, a.ce-list-group-item-success:hover,
    button.ce-list-group-item-success:focus,
    button.ce-list-group-item-success:hover {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.ce-list-group-item-success.active, a.ce-list-group-item-success.active:focus, a.ce-list-group-item-success.active:hover,
    button.ce-list-group-item-success.active,
    button.ce-list-group-item-success.active:focus,
    button.ce-list-group-item-success.active:hover {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.ce-list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.ce-list-group-item-info,
button.ce-list-group-item-info {
    color: #31708f;
}

    a.ce-list-group-item-info .ce-list-group-item-heading,
    button.ce-list-group-item-info .ce-list-group-item-heading {
        color: inherit;
    }

    a.ce-list-group-item-info:focus, a.ce-list-group-item-info:hover,
    button.ce-list-group-item-info:focus,
    button.ce-list-group-item-info:hover {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.ce-list-group-item-info.active, a.ce-list-group-item-info.active:focus, a.ce-list-group-item-info.active:hover,
    button.ce-list-group-item-info.active,
    button.ce-list-group-item-info.active:focus,
    button.ce-list-group-item-info.active:hover {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.ce-list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.ce-list-group-item-warning,
button.ce-list-group-item-warning {
    color: #8a6d3b;
}

    a.ce-list-group-item-warning .ce-list-group-item-heading,
    button.ce-list-group-item-warning .ce-list-group-item-heading {
        color: inherit;
    }

    a.ce-list-group-item-warning:focus, a.ce-list-group-item-warning:hover,
    button.ce-list-group-item-warning:focus,
    button.ce-list-group-item-warning:hover {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.ce-list-group-item-warning.active, a.ce-list-group-item-warning.active:focus, a.ce-list-group-item-warning.active:hover,
    button.ce-list-group-item-warning.active,
    button.ce-list-group-item-warning.active:focus,
    button.ce-list-group-item-warning.active:hover {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.ce-list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.ce-list-group-item-danger,
button.ce-list-group-item-danger {
    color: #a94442;
}

    a.ce-list-group-item-danger .ce-list-group-item-heading,
    button.ce-list-group-item-danger .ce-list-group-item-heading {
        color: inherit;
    }

    a.ce-list-group-item-danger:focus, a.ce-list-group-item-danger:hover,
    button.ce-list-group-item-danger:focus,
    button.ce-list-group-item-danger:hover {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.ce-list-group-item-danger.active, a.ce-list-group-item-danger.active:focus, a.ce-list-group-item-danger.active:hover,
    button.ce-list-group-item-danger.active,
    button.ce-list-group-item-danger.active:focus,
    button.ce-list-group-item-danger.active:hover {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.ce-list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.ce-list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

/**/
/*LIST GROUPS*/
/**/

/*
    WAS HERE
    /_includes/_css/_thirdParty/jquery-ui.charityengine.css
*/

/**/
/*CHARITYENGINE ADDS*/
/**/

/*SPAM SCORE UI CALL OUTS*/
.spamResultDiv {
    border: solid 0px #ff0000;
    background: #FFFFFF;
    padding: 4px;
    width: 650px;
    height: 150px;
    overflow: auto;
}

.spamScoreTable {
    width: 600px;
}

.spamTotalScore {
    font-weight: bold;
}

.spamScoreHeader {
    color: #000;
    letter-spacing: 1px;
    height: 24px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    margin-left: 5px;
}

.spamScorePositive {
    padding: 2px;
    margin-left: 5px;
}

.spamScoreNegative {
    padding: 2px;
    margin-left: 5px;
}
/*SPAM SCORE UI CALL OUTS*/

/* CE Reporting*/
.internalBracketNodeText {
    padding-left: 20px;
}

.showNodeControl {
}

.hideNodeControl {
    display: none;
}

/* CE Reporting*/

/*Modal window*/

#modal_pageMask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9000;
    background-color: #000;
    display: none;
}

.modalWindow {
    position: fixed;
    margin: 0 auto;
    width: 900px;
    display: none;
    z-index: 9999;
    padding: 20px;
    border: 1px solid white;
    background-color: #FFFFFF;
    max-height: 400px;
    overflow: auto;
}

.closeModalWindow {
    display: block;
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.ModalSearchResults {
    /*background-color:azure;*/
}

    .ModalSearchResults table {
        width: 100%;
        font-family: 'Open Sans', sans-serif;
    }

    .ModalSearchResults tbody th, .ModalSearchResults tbody td {
        color: #2d2d2d;
        font-size: .75em /* 12px */;
        padding: 0px 10px;
        border-bottom: 1px solid #d1d1d4;
        vertical-align: top;
        background-color: #fff;
        text-align: left;
    }

.BGColordGray td {
    position: relative;
    font-size: 12px;
    color: #fff;
    background-color: #3b3a3f;
    text-align: left;
    text-transform: uppercase;
    padding: 5px 10px 3px;
    line-height: 36px;
}

/*Modal window*/
.pagebreakhere {
    page-break-before: always
}

.ui_action_links {
    margin: 0px 5px 0px 5px;
}

/**/
/*CHARITYENGINE ADDS*/
/**/

/**/
/*WYSIWYG*/
/**/

.source-mode {
    width: 100%;
    float: left;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

    .source-mode.inline-editor {
        border: none;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

        .source-mode.inline-editor .fluidWidthRightColumn {
            border: 1px solid #c5c5c5;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
        }

    .source-mode .source-mode-banner {
        width: 100%;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
        font-size: 14px !important;
        color: #595959;
        float: left;
    }

        .source-mode .source-mode-banner .source-mode-banner-btn-group {
            border-left: 1px solid #d9d9d9;
            float: left;
        }

            .source-mode .source-mode-banner .source-mode-banner-btn-group:first-child {
                border-left: none;
            }

            .source-mode .source-mode-banner .source-mode-banner-btn-group .source-mode-banner-btn {
                margin: 2px;
                padding: 2px 6px;
                cursor: pointer;
                text-align: center;
                float: left;
                border: 1px solid transparent;
            }

                .source-mode .source-mode-banner .source-mode-banner-btn-group .source-mode-banner-btn:hover {
                    border-color: #eee;
                }

    .source-mode textarea {
        margin-top: 0 !important;
        width: 100% !important;
        max-width: unset !important;
        border: none !important;
        border-top: 1px solid #c5c5c5 !important;
        box-sizing: border-box;
    }

.inline-editor-container {
    margin-top: 1em;
    overflow: hidden;
    border: 1px solid #c5c5c5;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}

/**/
/*WYSIWYG*/
/**/

/**/
/*DASHBOARD KPIS*/
/**/

.kpi-widget {
    padding: 0 1em 1em;
    min-height: 100%;
    text-align: center;
    background-color: #fff;
    border-top: 1px solid #ccc;
    box-shadow: 1px 1px 5px #dadada;
}

    .kpi-widget .kpi-icon {
        display: inline-block;
        position: relative;
        margin-bottom: -5px;
        width: 28px;
        height: 28px;
        top: -15px;
        padding: 6px 0;
        font-size: 15px;
        line-height: 15px;
        border-radius: 50%;
        color: #fff;
        box-sizing: border-box;
    }

    .kpi-widget .kpi-header {
        font-size: 1.1em;
        font-weight: bold;
    }

/**/
/*DASHBOARD KPIS*/
/**/

span.contactListAccountManagerIcons {
    margin-right:5px;
}

.nothingAssignedPickLists {
    margin-top:100px;
    text-align:center
}

.nothingAssignedPickListHeaders {
    font-size:24px !important;
}

.nothingAssignedPickListButtons {

}

.ce-mce-search-media-icons {
    float:right !important;
}

#masterSearchMediaLibrarySearchBar {
    margin: 0px;
}

#masterSearchMediaLibraryKeywordSearch {
    margin: 0px !important;
}

#masterSearchMediaLibrarySearchBar span {
    margin-left: 10px;
}

#masterSearchMediaLibraryResults {
    margin-top: 20px;
    min-height: 400px;
}

.ajaxThumbnailGalleryResultsContainers {
    display: flex;
    flex-wrap: wrap;
}

.ajaxThumbnailGalleryImageContainers {
    margin-bottom: 10px;
    margin-left: 10px;
}

.ajaxThumbnailGalleryImageLinks {    
}

.ajaxThumbnailGalleryImages {
    width: 68px;    
    height: 68px;
    border: 1px solid #3b3a3f;
}

.modalPanelRecordDetailContainers {    
    /*border: 1px solid red;*/
}

.modalPanelRecordDetailContainersSideBySide {
    flex: 1;
    border: 1px solid #353439;
}

.modalPanelFieldDetailContainers {
    clear: left;
    margin-top: 10px;
    /*border: 1px solid blue;*/
    display: inline-block;
    width: 100%;
}

.modalPanelFieldLabels {
    margin: 0px !important;
    padding: 0px !important;
    font-size:18px !important;
    width:200px !important;
}

.modalPanelFieldValues {
    margin: 0px !important;
    padding: 0px !important;
    font-size: 18px;
    margin-left:15px !important;
}

.changeLogModalFieldChanged {
    font-weight: bold;
}

span.changeLogModalFieldOverwritten {
    text-decoration: line-through;
}

.modalPanelRecordsArrowContainers     
{
    width: 50px;
    flex: inherit;    
    text-align: center;
}

.modalPanelRecordsArrows {
    font-size: 40px;
    margin-top: 20px;
}

.modalPanelRecordHeaders {
    text-align: center;
    font-size: 20px;
    margin: 0px;    
    margin-top: 20px;
}

/*Dashboard Selector*/
#ceDashboardContainer div.topBarDashboardSelectorContainers {
    margin: 0.5em;
    position: absolute;
    margin: unset;
    padding: 12px;
    width: 202px;
    top: 55px !important;
    left: 0;
    background-color: #fff;
    float: left;
    z-index: 10;
    -moz-transition: opacity 0.2s ease-in-out 0s;
    -webkit-transition: opacity 0.2s ease-in-out 0s;
    transition: opacity 0.2s ease-in-out 0s;
    -webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    -moz-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.35);
    display: none;
}

#ceDashboardContainer .topBarDashboardSelectorDropDowns {
    margin-bottom: 4px;
}

#ceDashboardContainer div.topBarDashboardSelectorContainers .topToolbarIcons {
    float: left;
    margin: 0 !important;
    margin-top: 4px !important;
    padding: 0 !important;
    font-size: 14px !important;
}

#ceDashboardContainer .topBarDashboardSelectorDropDownLabels {
    margin: 0 !important;
    margin-bottom: 2px !important;
    padding: 0 !important;
    width: auto !important;
    display: block;
    white-space: nowrap;
}

/*#dashboardSwitcher {
        position: relative;
        margin-left: 4px;
        display: block;
        float: right;
    }*/

#ceDashboardContainer div.dashboardRows {
    float: left;
    width: 100%;
    margin-top: 10px;
    /*border: 1px solid red;*/
}

#ceDashboardContainer div.dashboardPanelContainers {
    position: relative;
    display: inline-block;
    background-color: #fff;
    box-sizing: border-box;
    float: left;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    box-sizing: border-box;
    margin-bottom: 2em;
}

#ceDashboardContainer div.dashboardPanelContainers:first-child {
    border-left: none;
}

#ceDashboardContainer div.dashboardPanelContainers:last-child {
    border-right: none;
}

#ceDashboardContainer div.dashboardPanelHeaderContainers h2 {
    color: #000;
    font-size: 14px;
    font-weight: 700;
    border-bottom: none;
}

#ceDashboardContainer div.dashboardPanelContainerShelves {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}

#ceDashboardContainer div.dashboardPanels {
    flex-grow: 1;
}

#ceDashboardContainer div.dashboardContentLoaderContainers {
    height: 100%;
    width: 100%;
    text-align: center;
}

#ceDashboardContainer img.dashboardContentLoaders {
    margin-top: 50px;
}

#ceDashboardContainer div.dashboardChartContainers {
    width: 100%;
    overflow: hidden;
    margin-top: 6px;
}

#ceDashboardContainer div.dashboardChartContainers.noChartTypeContainer, #ceDashboardContainer div.dashboardChartContainers.reportChartContainer {
    overflow: auto !important;
    margin-top: 0 !important;
}

#ceDashboardContainer div.dashboardDataChartContainers {
    width: 100%;
    overflow: auto;
}

#ceDashboardContainer div.dashboardPieChartMemoContainers {
    height: 30px;
    width: 250px;
    height: 20px;
    overflow: visible;
    white-space: nowrap;
    padding-bottom: 10px;
    width: 100%;
    margin: auto;
    text-align: center;
}

#ceDashboardContainer div.ceChartFilterContainers {
    float: left;
    margin-left: 10px;
}

#ceDashboardContainer div.legend {
    font-size: 13px;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
    color: #333;
    line-height: 1.428571429;
}

#ceDashboardContainer div.legend > div {
    border: 1px solid #eee;
    -webkit-box-shadow: 1px 1px 1px #dadada;
    box-shadow: 1px 1px 1px #dadada;
}

#ceDashboardContainer div.legend table {
    width: auto;
    min-width: unset;
    position: relative;
    border-collapse: collapse;
    border-spacing: 0;
    box-sizing: border-box;
    border-bottom: 0px;
    white-space: nowrap;
}

#ceDashboardContainer td.legendLabel span {
    display: block;
    margin-top: 3px;
    font-size: 11px;
    color: #fff;
    font-family: "Open Sans", Arial, Helvetica, Sans-Serif;
}

#ceDashboardContainer div.tickLabel {
    font-size: 10px !important;
}

#ceDashboardContainer div.dashboardExternalContentContainers {
    width: 100%;
    height: 100%;
}

#ceDashboardContainer iframe.dashboardExternalContentIFrames {
    width: 100%;
    height: 100%;
}

#ceDashboardContainer div.dashboardCustomContentContainers {
    width: 100%;
    height: calc(100% - 33px);
    overflow-y: auto;
    overflow-x: hidden;
}

#ceDashboardContainer div.dashboardLevel {
    position: relative;
    margin: 12px 0;
    width: 100%;
    height: 28px;
    float: left;
    z-index: 10;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

#ceDashboardContainer div.dashboardLevel li {
    background: #13a08f;
    box-shadow: 0px 2px 0px 0px #027f6f;
    padding: 7px 25px 4px !important;
    text-transform: uppercase;
    font-size: 13px;
    color: #fff;
    font-weight: normal;
}

#ceDashboardContainer div.dashboardRowPanelContainerLevel {
    float: right;
    width: auto;
    position: relative;
    z-index: 10;
}

#ceDashboardContainer div.dashboardPanelContainerHeaderContainers {
    position: relative;
    padding: 8px 12px;
    background-color: #FFF;
    box-sizing: border-box;
    float: left;
}

#ceDashboardContainer div.dashboardPanelContainerHeaderContainers h3 {
    font-size: 13px;
    line-height: 16px;
    margin-top: 0;
    color: #353439;
    font-weight: bold;
    text-transform: none;
}

.childPopOutPanels {
    position: absolute;
    z-index: 1000;
    background-color: white;
    text-align: left;
    width: 300px;
}

#TaskListing {
    margin-top:42px;
}


.colorPickerWidget {
    float: left;
    position: relative;
    overflow: visible !important;
}

.colorPickerPreview {
    position: relative;
    left: -31px;
    width: 25px;
    height: 25px;
    float: left;
    margin: 18px 0px 0px 0px;
    box-shadow: 0px 0px 5px #dadada;
    border-radius: 4px;
    pointer-events: none;
    cursor: pointer;
}

.ce-disabled .colorPickerPreview {
    color: #BDBDBD !important;
    box-shadow: none;
}

    .ce-disabled .colorPickerPreview:before {
        content: "\f5c7";
        font-family: "Font Awesome 5 Pro";
    }

/*color picker widget*/
.colorpicker {
    margin-left: 70px !important;
    padding: 5px !important;
    min-width: 120px !important;
}
 
.colorPickerContainer[data-margin="fat"] .colorpicker {
    margin-left: 274px !important;
}

.ceDialogContents .colorpicker {
    margin-left: 204px !important;
}

.colorpicker-color {
    width: 120px !important;
}

div.colorPickerWidget .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.colorpicker.dropdown-menu {
    margin-top: -1em;
}

#mainFormContentArea_qfNameOrId_dbIdSearchModeIcon {
    float: right;
    cursor: pointer;
    margin-top: -30px;
    margin-right: 30px;
    background-color: white;
    width: 24px;
    text-align: center;
    position: relative;
}

#mainFormContentArea_qfNameOrId_fuzzyExactToggle {
    float: right;
    cursor: pointer;
    margin-top: -30px;
    margin-right: 5px;
    background-color: white;
    width: 24px;
    text-align: center;
    position: relative;
}

.search #mainFormContentArea_qfNameOrId_fuzzyExactToggle {
    margin-top: -25px;
}

#mainFormContentArea_qfNameOrId_fuzzyExactToggle .fa {
    display: none;
}

#mainFormContentArea_qfNameOrId_fuzzyExactToggle:hover {
    color: #7fc145;
}

.fuzzyMode .fuzzyModeIcon {
    display: inline-block !important;
}

.exactMode .exactModeIcon {
    display: inline-block !important;
}

.bothMode .bothModeIcon {
    display: inline-block !important;
}

#mainFormContentArea_qfNameOrId_dbIdSearchModeIcon i {
    color: #7fc145;
}

span.quickSearchIdModeDisabled i {
    color: lightgray !important;
}

div.homePageFundraisingDropDownPanels {
    border: 1px solid gray;
    padding: 10px;
}

div.bigActionButtonControlContainers {
    display: inline-block;
}



div.contactMatchCreateEmbedContainers {
    display: flex;
    flex-direction: column;
}

div.contactMatchCreateControlContainers {
    display: flex;
    flex-direction: row; /*left to right*/
    padding-bottom: 0px;
    margin-bottom: 0px;
}

div.contactMatchCreateControlSearchContainers {
    margin: 0px 18px 28px 0;
    padding-right: 8px;
    display: flex;
    flex-direction: column; /*top to bottom*/
    border-right: 1px solid #eee;
    box-sizing: border-box;
}

div.contactMatchCreateSearchResultsContainers {
    max-width: 550px;
    min-width: 330px;
    overflow: hidden;
    display: flex;
    flex-direction: column; /*top to bottom*/
    flex-grow: 1;
}

.ceDialogContents div.contactMatchCreateSearchResultsContainers {
    width: 438px;
}

.contactMatchCreateEmailHintContainers {
    float: left;
    font-size: 0.8em;
}

    .contactMatchCreateEmailHintContainers span {
        margin: 0px;
    }

div.contactMatchCreateMainSearchInputWrappers {
    white-space: nowrap;
    overflow: hidden;
}
 
.contactMatchCreateAddressTypeDropDowns, .contactMatchCreatePhoneTypeDropDowns, .contactMatchCreateEmailTypeDropDowns {
    padding-left: 0px;
}

.propertiesIcon {
    position: relative;
    left: -37px;
    top: 19px;
    background: #fff;
    cursor: pointer;
}

    .propertiesIcon:hover {
        color: #7dc245;
    }

.result {
    display: flex;
    flex-direction: row; /*top to bottom*/
    box-sizing: border-box;
    min-height: auto;
    gap: 0px;
}

.useContactBtn {
    background: #dadada;
    font-size: 12px;
    padding: 2px 8px;
    color: #353439 !important;
    text-align: center;
    border-left: 1px solid #fff;
    height: 60px;
    cursor: pointer;
}

    .useContactBtn:hover {
        background-color: #b9b9b9;
        text-decoration: none !important;
    }

    .useContactBtn.selected {
        display: none !important;
    }

    .useContactBtn div {
        min-height: unset;
    }

.usingContactIcon {
    float: right;
    background: #7dc245;
    font-size: 12px;
    padding: 2px 4px;
    color: #fff !important;
    text-align: center;
    border-left: 1px solid #fff;
}

    .usingContactIcon.selected {
        display: inherit !important;
    }

.resultContactSummary {
    width: 240px;
    padding: 4px 12px;
    background: #f9f9fb;
    border-top: 3px solid #dadada;
    font-size: 13px;
    line-height: 17px;
    display: inline-block;
    min-height: unset;
}

    .resultContactSummary div {
        display: inline-block;
        min-height: unset;
    }

div.contactMatchResultsFooterMessages {
    /*clear: both;*/
    width: 100%;
    margin: auto;
    /*cursor: pointer;*/
    /*margin-top: 1em;
        text-align: left;
        float: left;*/
}

.contactMatchCreateMainSearchTextBoxes {
    width: 334px !important;
}

div.contactMatchResultsFooterMessages p {
    font-size: 14px;
}

.contactMatchCreateIconContainers {
    width: auto;
    float: left;
    margin-right:5px;
}

    .contactMatchCreateIconContainers i {
        color: #7dc245;
    }

.contactMatchCreateHelperTextContainers {
    font-style: normal;
    line-height: 16px;
    font-size: 14px;
}

    .contactMatchCreateHelperTextContainers .contactMatchCreateIconContainers {
        margin-top: 0px;
        height: 48px;
    }

div.contactMatchCreateMatchResultsContainers {
    padding-bottom: 1em;
    width: 100%;
    max-height: 240px;
    display: flex;
    flex-direction: column; /*top to bottom*/
    gap: 10px;
    background-color: #fff;
    border: 1px solid #dadada;
    box-sizing: border-box;
    overflow-y: auto;
}

.contactMatchCreateNamePropertiesAlerts {
    position: absolute;
    top: 16px;
    left: 12px;
    color: #f39c12;
    font-size: .8em;
}

.contactMatchCreateHeaderCallOuts {
    margin-top: 2em;
}

    .contactMatchCreateHeaderCallOuts .icon-col {
        margin-top: -1px !important;
    }

.fa-check.select-icon {
    color: #fff;
}

.btn-group-toggle > .btn2,
.btn-group-toggle > .btn-group > .btn2 {
    margin-bottom: 0;
}

    .btn-group-toggle > .btn2 input[type="radio"],
    .btn-group-toggle > .btn2 input[type="checkbox"],
    .btn-group-toggle > .btn-group > .btn2 input[type="radio"],
    .btn-group-toggle > .btn-group > .btn2 input[type="checkbox"] {
        position: absolute;
        clip: rect(0, 0, 0, 0);
        pointer-events: none;
    }

.detailsOkButton {
    color: #fff !important;
    text-decoration: none !important;
    float: right;
    clear: both;
    margin-top: 10px;
    margin-right: 0px;
}

div.contactMatchCreateSearchFooterContainers {
    width: 100%;
}

.contactMatchCreateSearchFooterSubContainers {
    width: 100%;
    font-size: .85em;
    display: flex;
    flex-direction: row; /*left to right*/
}

    .contactMatchCreateSearchFooterSubContainers > span {
        flex-grow: 1;        
    }

    .contactMatchCreateSearchFooterSubContainers > span > span {        
        margin-left: 5px;
    }

    .contactMatchCreateSearchFooterSubContainers a {
        cursor: pointer;
    }

.contactMatchCreateSearchFooterAdvancedSearchContainers {
    text-align: right;
}

.matchOrCreateContactFooterCloseButtonContainers {
    min-height: unset;
    font-size: 14px;
    color: #037bc0;
}

/*Ajax Search Modal Control*/
.ajaxSearchModalSearchResultsFilterInputs {
    float: left;
    width: 190px;
    height: 34px;
    line-height: 34px;
    padding: 0 5px;
    margin-top: 0px;
    border: 1px solid #d0d0d0;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
    box-shadow: 0px 1px 0px 0px rgba(255, 255, 255, 0.3), inset 0px 1px 0px 0px rgba(0, 0, 0, 0.16);
}

.ajaxRecordSearchResultsContentContainers {
    margin: 0px;
    min-height: 85px;
}

    .ajaxRecordSearchResultsContentContainers > div {
        searchResultsPanel " runat="server" style="height: auto;
        width: 100%;
        padding-top: 0px;
        overflow: auto;
    }


.tabAjaxPanelTopRightActions {
    opacity: 0;
    transition: opacity 250ms ease-in-out;
}

    .tabAjaxPanelTopRightActions.ajax-actions-fade-in {
        opacity: 1;
    }

fieldset.group .tabAjaxPanelTopRightActions {
    opacity: 1 !important;
}

#dashboardGlobalDatesContainer {
    margin-top: 12px !important;
}

#WelcomeBlock {
    height:280px;
}

#dashboardHelp { 
    margin-top: 10px; 
}

.preSideBySideHiddenFieldCheckBoxes {
    transform: scale(1.2);
    margin-right: 8px;
    margin-top: 24px !important;
    float: left;
}

    .preSideBySideHiddenFieldCheckBoxes input[type="checkbox"] {
        margin-top: 0px !important;
    }

span.legacyFtpConfigControlCssHack label {
    margin-top: 0px !important;
}

.legacyPaymentInfoEntryCntrlCssHack {
    display: inline-block;
    margin-left: 10px;
    float: left;
    width: 100px;
}

/* The input itself*/
#main div.searchableDropDownButtons {
    width: auto;
    min-width: 187px;
    height: 35px;
    padding: 0 8px 0 5px;
    line-height: 36px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin: 0;
    margin-top: 1em !important;
    float: left;
    font-size: 13px !important;
    text-align: left;
    background-color: #fff;
    border: 1px solid #dadada;
    border-radius: 2px;
    font: inherit;
    color: inherit;
    text-transform: none;
    -webkit-appearance: button;
    cursor: pointer;
}

#main .searchableDropDownButtons:after {
    content: '\f0d7';
    font-family: "Font Awesome 5 Pro";
    height: 34px;
    margin-left: 4px;
    float: right;
    font-weight: 900;
}

/* The search field */
input.searchableDropDownSearchBoxes {
    box-sizing: border-box;
    /*width: 180px !important;*/
    width: 90% !important;
    margin-top: 10px;
    margin-left: 10px;
    background-position: 14px 12px;
    background-repeat: no-repeat;
    font-size: 16px;
    padding-left: 20px !important;
    border: none;
    border-bottom: 1px solid #ddd;
}

.searchInputIcon {
    position: absolute;
    font-size: 13px;
    margin-top: 23px;
    left: 16px;
    color: #7dc245;
}

/* The container <div> - needed to position the dropdown content */
.searchableDropDownContainers {
    position: relative;
    display: inline-block;
}

.searchableDropTownMainControlWrappers {
    display: flex;
    cursor: pointer;
}

/* Dropdown Content (Hidden by Default) */
.searchableDropDownItemsContainers {
    position: absolute;
    top: 50px;
    background-color: #fff;
    width: auto !important;
    /*width: 200px;*/
    width: 100%;
    border: 1px solid #dadada;
    border-radius: 2px;
    z-index: 999;
}

/*advanced filter overrides*/
#main .advanced-filter .searchableDropDownItemsContainers {
    margin-top: 0px;
}

/*basic filter overrides*/
#main .basic-filter .searchableDropDownItemsContainers {
    margin-top: -13px;
}

.searchableDropdownSearchableItemsContainer {
    position: relative;
    margin-top: 10px;
    /*width: 200px;*/
    width: 100%;
    max-height: 250px;
    border-top: 1px solid #eee;
    float: left;
    clear: left;
    overflow-y: auto;
    overflow-x: hidden;
}

/*adjusting max height for modals*/
.ceDialogs:not(.fullscreenDialog) .searchableDropdownSearchableItemsContainer {
    max-height: 150px;
}

/* Links inside the dropdown */
.searchableDropDownItemsContainers a {
    display: block;
    padding: 12px 16px;
    font-size: 13px;
    color: #353439;
    text-decoration: none;
}

    /* Change color of dropdown links on hover */
    .searchableDropDownItemsContainers a:hover {
        background-color: #f9f9fb
    }

a.searchableDropDownOptions {
    display: block;
    padding: 5px 15px;
}

/*advanced filter overrides*/
#main .advanced-filter div.searchableDropDownButtons {
    margin-top: 1em !important;
    max-width: 0px;
}

/*quick filter overrides*/
#main .basic-filter div.searchableDropDownButtons {
    margin-top: 0 !important;
    max-width: 0px;
}

/*form field in tab ovverrides*/
#main fieldset.group div.searchableDropDownButtons {
    margin-top: 1em !important;
}

/*modal overrides*/
#main div.ceModalDialogs div.searchableDropDownButtons {
    margin-top: 1em !important;
}

/*wizard overrides*/
#main div.ce-tab-box-body div.searchableDropDownButtons {
    margin-top: 1em !important;
}

#main .valueSelected div.searchableDropDownButtons {
    padding-right: 20px;
    min-width: 176px !important;
}

#main input[type='text'].searchableDropDownSearchBoxes {
    margin-top: 1em;
}

/*advanced filter overrides*/
#main .advanced-filter div.searchbleDropDownListContainers {
    height: 32px;
}

#main .advanced-filter .valueSelected div.searchbleDropDownListContainers {
    min-width: 176px !important;
}

#main .searchbleDropDownListContainers .clearLink {
    font-family: "Font Awesome 5 Pro";
    position: relative;
    background-color: #fff;
    margin-left: -19px;
    top: 17px;
    cursor: pointer;
    font-weight: bold;
    font-size: 16px !important;
}

/*quick filter overrides*/
#main .basic-filter div.searchbleDropDownListContainers {
    height: 32px;
}

#main .basic-filter .col .searchbleDropDownListContainers a.clearLink {
    top: 4px;
}

/*advanced filter overrides*/
#main .advanced-filter .searchbleDropDownListContainers a.clearLink {
    top: 18px;
    right: 6px;
}

/*normal form overrides*/
/*#main fieldset.group .searchbleDropDownListContainers a.clearLink,
#main .ce-tab-content-container .searchbleDropDownListContainers a.clearLink,
#main .ceDialogContents .searchbleDropDownListContainers a.clearLink {
    top: 18px;
    right: 60px;
}*/

#main .valueSelected .searchableDropDownButtons:after {
    content: '';
}

.searchableDropDownButtons.error {
    color: inherit !important;
    background-color: #fceeed !important;
    border-color: #ee7b6f !important;
    box-shadow: none;
}

.ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    background-color: transparent;
    border-top: 3px solid #66358f;
}

#quickEmailBlastContainer {
    width: 100%;
    height: auto;
    float: left;
}

    #quickEmailBlastContainer .ce-tab-box-head-container.steps .ce-tab-box-body {
        padding-bottom: 0;
    }

/*#ToolbarActionsGroupTop, #ToolbarActionsGroupBottom {
    display: none;
}*/

.confirm-section i.fa-check-circle {
    color: #7dc145;
}

.dataSourceActions {
    display: none;
}

a.button {
    cursor: pointer;
}

.multiLevelSelect optgroup {
    border-bottom: 2px solid #662b8e !important;
    color: #662b8e !important;
    background-color: white !important;
}

.section h3 {
    font-size: 14px !important;
}

#ListingScreenSortFieldsContainer, #FullScreen {
    display: none;
}

/*legacy send email css*/
#mainFormContentArea_ListImport_fileUploadBtn {
    font-weight: bold;
}

#schedule-settings {
    display: inline-block;
}

#SendSchedule #confirm-message span,
#SendSchedule #confirm-message i {
    float: left;
    margin: 1em 8px 0 0;
    font-size: 13px;
    line-height: 36px;
}

    #SendSchedule #confirm-message span * {
        margin-top: 0;
    }

#audienceList {
    float: left;
}

.dataSourceOption {
    display: inline;
    float: left;
    clear: right;
}

#selectMessageBtn {
    margin: 0.8em;
    margin-right: 0;
}

#mainFormContentArea_sendParams_subjectName {
    line-height: 12px !important;
    height: 24px !important;
    font-size: 12px !important;
}

#SendSchedule #confirm-message span,
#SendSchedule #confirm-message i {
    float: left;
    margin: 1em 8px 0 0;
    font-size: 13px;
    line-height: 36px;
}

    #SendSchedule #confirm-message span * {
        margin-top: 0;
    }

#quickEmailBlastContainer #bee-plugin-container iframe:last-child {
    position: absolute;
    top: 48px;
    right: 0;
    left: 0;
    padding: 12px;
    padding-top: 20px;
    background-color: #f1f1f2 !important;
    box-sizing: border-box;
}

#importWait {
    width: 48px;
    height: 48px;
    margin-right: 1em !important;
    background: url(/_images/spinner.gif) no-repeat center center;
    background-size: 100%;
}


#EditMessage.bee-hidden {
    display: block !important;
    height: 0;
    opacity: 0;
}

    #EditMessage.bee-hidden * {
        height: 0;
        pointer-events: none;
    }

/*legacy email builder css*/
#emailSettingsContainer {
    border: none !important;
    background: none !important;
    margin: 0px !important;
}

    #emailSettingsContainer > fieldset {
        margin: 0px !important;
    }

    #emailSettingsContainer > fieldset {
        margin: 0px !important;
    }

    #emailSettingsContainer .sectionHeader {
        margin: 0px !important;
    }

.copyTextButtonContainer {
    margin-left: 140px;
    margin-top: 15px;
}

.ce-tab-box-head-container.steps .ce-nav-tabs > li > a.active {
    background-color: transparent;
    border-top: 3px solid #502771;
}

.ce-top-bar {
    background: #505659;
    color: #fff;
    height: 48px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 998;
    -webkit-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0 2px 3px rgba(0,0,0,.3);
    box-shadow: 0 2px 3px rgba(0,0,0,.3);
}

    .ce-top-bar .ce-top-bar-left {
        position: absolute;
        margin-left: 0.8em;
        width: auto;
        float: left;
    }

.ce-top.bar .ce-top-bar-left .ce-top-bar-item {
    float: left !important;
}

.ce-top-bar .ce-top-bar-right {
    margin-right: 0.8em;
    width: auto;
    float: right;
}

.ce-top.bar .ce-top-bar-right .ce-top-bar-item {
    float: right !important;
}

.ce-top-bar label {
    margin-top: 0.8em;
    width: auto !important;
    color: #fff !important;
}

.ce-top-bar input[type="text"] {
    margin: 0;
    margin-top: .75em !important;
    padding-right: 30px !important;
    height: 26px !important;
    line-height: 26px !important;
}

.ce-top-bar .configActions td.more a.sa-text {
    color: #fff !important;
}

.ce-top-bar label {
    margin-top: 6px !important;
}

a.ce-top-bar-item {
    font-size: 13px !important;
    line-height: inherit;
    margin-top: 13px;
}

.ce-btn-default {
    display: block;
    padding: 0 12px 0 12px;
    color: #fff !important;
    background-color: transparent;
    border: none;
    border-radius: 0;
    min-width: initial;
    line-height: 55px;
    float: left;
}

#selectMessageBtn {
    margin: 0.8em;
    margin-right: 0;
}

    #selectMessageBtn a {
        margin-right: 0 !important;
    }

.btn-addon {
    margin: 0;
    padding: 0.8em 0;
}

#selectTemplateContainer .template {
    float: left;
    width: 150px;
    text-align: center;
    padding: 0 12px;
    height: 172px;
    margin: 5px 0px;
}

    #selectTemplateContainer .template .label-container p {
        font-size: .7em;
        line-height: 1.1em;
        margin-top: 5px;
    }

    #selectTemplateContainer .template .imgPreviewContainer {
        height: 150px;
        overflow: hidden;
    }

div.checkBoxDropDownRootContainers {
    width: auto;
}

div.checkBoxDropDownContainers {
    position: relative;
}

    div.checkBoxDropDownContainers select {
        width: 100%;
    }

div.checkBoxDropDownOverlays {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 40px;
}

#main div.advanced-filter div.checkBoxDropDownOverlays {
    margin-top: 10px;
}

#main div.checkBoxDropDownCheckBoxContainers {
    /* min-width: 184px;*/
    width: auto;
    min-width: 184px;
    border: 1px #dadada solid;
    position: absolute;
    margin-top: 49px;
    margin-left: 138px;
    background-color: white;
    z-index: 999;
    padding: 8px;
    max-height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

#main label.fat + div + div.checkBoxDropDownCheckBoxContainers {
    margin-left: 208px;
}

#main .basic-filter div.checkBoxDropDownCheckBoxContainers {
    margin-top: 36px;
    margin-left: 0;
}

#main div.advanced-filter div.checkBoxDropDownCheckBoxContainers {
    margin-top: -10px;
    /*margin-left: -202px;*/
}

#main div.checkBoxDropDownCheckBoxContainers label {
    width: auto;
    display: block;
    float: none;
    margin: 0px;
    padding: 4px;
    text-align: left;
    line-height: 16px;
}

    #main div.checkBoxDropDownCheckBoxContainers label input {
        float: none;
        transform: scale(1.2);
        margin: 0px;
        margin-right: 8px;
    }

/*div.checkBoxDropDownCheckBoxContainers label:hover {
    background-color: #1e90ff;
}*/

/*#transPayment > div:first-child {
    display:flex;
    flex-direction:row;
}*/

.ce-tab-content-container fieldset {
    width:100%;
    /*border:1px solid red;*/
}

.ticket-row-container {
    position: relative;
}

.ticket-row input,
.ticket-row textarea {
    margin-top: 10px;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    box-sizing: border-box;
}

.remove-ticket-btn {
    position: absolute;
    right: -20px;
    margin-top: -48px;
    cursor: pointer;
}

.ce-flexbox-container > span:first-child {
    width: 100px;
    max-width: 100px;
}

.ce-flexbox-container > span:nth-child(2), .ce-flexbox-container > span:nth-child(3), .ce-flexbox-container > span:nth-child(4), .ce-flexbox-container > span:nth-child(5) {
    width: 180px;
    max-width: 180px;
}

.ce-flexbox-container > span:last-child {
    flex-grow: 1;
}
 
.passwordResetBoxes {
    width: 440px;
    height: 450px !important;
    min-height: 450px !important;
    margin-top:20px !important;
    background: url('/_includes/_js/_jquery/passwordstrength/_images/form_bg_passwordReset_short.png') no-repeat;    
    margin: 0 auto;
    padding-top: 30px;
    position: relative;
    text-align: center;
}

.passwordResetModalInputs {
    width:94% !important;
}

.passwordResetBoxes .ui_passwordResetForm_row {
    position: relative;
}

        /*.passwordResetBoxes .ui_passwordResetForm_row.rpm_error:after,*/
        .passwordResetBoxes .ui_passwordResetForm_row.rpm_success:after {
            content: '';
            position: absolute;
            right: 20px;
            top: 12px;
            width: 32px;
            height: 32px;
            background: url('/_includes/_js/_jquery/passwordstrength/_images/icons.png') no-repeat;
        }

    .passwordResetBoxes .ui_passwordResetForm_row.rpm_error input[type="password"], .passwordResetBoxes .ui_passwordResetForm_row.rpm_error input[type="password"]:focus {
        border: 2px solid red !important;
    }

    .passwordResetBoxes input[type=text],
    .passwordResetBoxes input[type=password] {
        border: none;
        /*background: url('/_includes/_js/_jquery/passwordstrength/_images/text-boxes.png') no-repeat top left;*/
        font: 14px 'Segoe UI','Arial',sans-serif;
        color: #888;
        outline: none;
        height: 48px;
        margin: 0 auto 22px;
        padding: 0 10px 0 50px;
        width: 278px;
    }

    .passwordResetBoxes input[disabled] {
        opacity: 0.5;
    }

    .passwordResetBoxes .email input {
        background-position: 0 0;
    }

        .passwordResetBoxes .email input:focus {
            background-position: 0 -48px;
        }

    .passwordResetBoxes .ui_passwordResetForm_pass input {
        background-position: 0 -96px;
    }

        .passwordResetBoxes .ui_passwordResetForm_pass input:focus {
            background-position: 0 -144px;
        }

    .passwordResetBoxes .ui_passwordResetForm_arrow {
        background: url('/_includes/_js/_jquery/passwordstrength/_images/arrow.png') no-repeat -10px 0;
        height: 120px;
        left: 208px;
        position: absolute;
        top: 190px;
        width: 11px;
        /* Defining a smooth CSS3 animation for turning the arrow */
        -moz-transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
        -ms-transition: 0.3s;
        transition: 0.3s;
        /* Putting the arrow in its initial position */
        -moz-transform: rotate(-134deg);
        -webkit-transform: rotate(-134deg);
        -o-transform: rotate(-134deg);
        -ms-transform: rotate(-134deg);
        transform: rotate(-134deg);
    }

    .passwordResetBoxes .ui_passwordResetForm_arrowCap {
        background: url('/_includes/_js/_jquery/passwordstrength/_images/arrow.png') no-repeat -43px 0;
        height: 20px;
        position: absolute;
        width: 20px;
        top: 242px;
        left: 202px;
        z-index: 10;
    }

    .passwordResetBoxes .ui_passwordResetForm_meterText {
        color: #575757;
        font-family: 'Segoe UI', 'Arial', sans-serif;
        font-size: 10px;
        line-height: 1.1;
        position: absolute;
        width: 60px;
        top: 285px;
        left: 183px;
    }

.resetPasswordMessages {
    color: red;
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 345px;
}

.passwordMismatchMessages {
    color: red;
    font-family: 'Segoe UI', 'Arial', sans-serif;
    font-size: 12px;
    text-align: center;
    position: absolute;
    top: 345px;
}

.contactAvatarContainers {
    text-align: left;
    width: 60px;
    overflow: hidden;
    margin: auto;
}

    .contactAvatarContainers img {
        display: block;
        max-width: 60px;
        max-height: 60px;
        width: auto;
        height: auto;
        margin: auto;
        cursor: pointer;
    }

.contactEditAvatarButtonsContainers {
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    margin-top: 4px;
}