body { padding-bottom: 20px; padding-top: 70px; background-color: #dcdee2; }

/* Set padding to keep content from hitting the edges */
.body-content               { padding-left: 15px; padding-right: 15px; }
.non-label-height-adj       { padding-top: 7px; }
.home-banner                { overflow: hidden;  max-width:100%; height: auto; }
.advanced-search-banner     { overflow: hidden; max-width:100%; height: auto; }
.home-center-divider        { border-right-style: solid; border-right-width: 5px; border-right-color: #aeaaaa;}
.hide-row-margin            { margin-left: -2px !important; margin-right: -2px !important; }
.remove-top-padding         { margin-top: -70px !important; }
.budget-title               { color: #1b53b7; font-weight:600; text-decoration: underline; }
.budget-subtitle            { color: #1b53b7; font-style: italic; font-weight:600; }
.budget-hr                  { border-color: #c30d07; margin-left: 20px; margin-right: 20px; border-width: 7px; }
.budget-admin-hr            { border-color: #1b53b7; margin-left: 20px; margin-right: 20px; border-width: 2px; }
.budget-label               { font-weight: bold; padding-top: 11px; padding-left: 16px; color: #000; white-space: nowrap; vertical-align: baseline; }
.budget-top-margin          { margin-top: 20px; }
.budget-logo-right-padding  { padding-right: 60px; }
.budget-form-padding        { padding-left: 40px; }
.admin-row-padding          { padding-left: 25px; padding-right: 25px; padding-bottom: 10px; }
.budget-form-bottom-space   { padding-bottom: 10px; }
.row-form-padding           { padding-left: 15px; padding-right: 15px; }
.section-panel-form-padding { padding-left: 25px; padding-right: 25px; }
.budget-upper-lineItem      { text-transform: uppercase; font-weight:600; }
.budget-bold-lineItem       { font-style: italic; font-weight:600; }
.budget-bold                { font-weight:600 !important; }
.budget-grey-back           { /*background-color: #aeaaaa;*/ margin-left: 40px; margin-right: 40px; height: 2.5vh; border: 1px solid #c30d07; }
.panel-padding-left         { margin-left: 13px; }
.panel-padding-right        { margin-left: -13px; }
.budget-padding-bottom      { margin-top: -4px; }
.home-clear-button-pad      { padding-bottom: 80px; }
.home-search-label-styles   { padding-right: 40px !important; }
.custom-label               { padding: 0 12px !important; }
.custom-index-checkbox      { margin-top: 20px; }
.home-inactive-account, h4.home-inactive-account a:hover, h4.home-inactive-account a:visited, h4.home-inactive-account a:link, h4.home-inactive-account a:active      { text-decoration: none; color: #a94442 !important; }
.error                      { color: #a94442; /*border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 34px;*/ padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #a94442; background-color: #fff; background-image: none; border: 1px solid #a94442; /*border-radius: 4px;*/ float: left; }
.button-pad-bottom          { padding-bottom: 10px; }
.home-filter-logo           { color:darkgoldenrod; font-weight:700; padding-top:20px; }


/***************************************************/
/* Login screen
/***************************************************/
.logo-wrap              { text-align: center; margin-bottom: 20px; }
.logo-wrap img          { width:150px; }
.login-text             { color: #fff; }
.login-background       { /*background-color: #cd5c5c;*/ background: url('themes/base/images/ZenBG.png') no-repeat center center fixed; /*position: relative;*/ }
.login-outer            { background: url('themes/base/images/ZenBG.png') no-repeat center center fixed; background-size: cover; display: table; position: absolute; height: 100%; width: 100%; }
.login-main-wrap        { display: table-cell; vertical-align: middle; }
.login-box              { margin-left: auto; margin-right: auto; color: #fff; /*background: #54121d;*/ background: #7c0221; background-image: url("themes/base/images/ZenBG-3.1.png"), url("themes/base/images/ZenBG-4.png"); box-shadow: 0 0 6px 0 rgba(0,0,0,0.2); box-sizing: border-box; background-repeat: repeat-y, repeat; border-radius: 5px; padding: 50px 60px; max-width: 500px; /*position: absolute; top: 250%; left: 50%; transform: translate(-50%, -50%);*/ }
.login-padding          { padding: 5px; }
.login-checkbox-padding { padding: 5px 20px; }

/***************************************************/
/* New Account Page
/***************************************************/
.lower-padding { padding-bottom: 60px; }


/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt { white-space: normal; }

/***************************************************/
/* Sticky Sidebar
/***************************************************/
.sidebar            { will-change: min-height; }
.sidebar__inner     { transform: translate(0, 0); /* For browsers don't support translate3d. */ transform: translate3d(0, 0, 0); will-change: position, transform; }
.btn-thin           { height: 20px; line-height: 7px; }


/***************************************************/
/* Header Menus
/***************************************************/
.header-menu-container                      { padding: 3rem 1.5rem !important; margin-bottom: 0 !important; margin-top: 3rem !important; }
.search-container-img                       { width: 25% !important; padding-bottom: 3rem !important; margin-right: auto !important; margin-left: auto !important; display: block !important; max-width: 100%; height: auto; }
.header-menu-top-left                       { margin-top: -30px; }
.header-menu-top-center                     { max-width: 400px; margin: 0 auto; float: none; margin-top: -65px; }
.header-menu-top-right                      { margin-top: -95px; padding-bottom: 45px; }
.header-menu-bottom                         { margin-top: 15px;}
.header-menu-divider                        { color: #ccc;}
.header-menu-divider hr                     { margin-bottom: -9px; margin-top: 0px; border-color: #ccc;}
.custom-top-menu                            { margin-bottom: 50px !important; }
.header-brand                               { display:inline-block !important; width: 25px; }
.position-relative                          { position: relative !important; }
.position-relative .form-control.input-lg   { padding-right: 3.16667rem; }
select.form-control:not([size]):not([multiple]).input-lg,
input.form-control.input-lg                 { height: 3.16667rem; padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.45; border-radius: 0.27rem; /*max-width: 25%;*/ }
.py-2                                       { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.text-xs-center                             { text-align: center !important; }
.nav li a:hover                             { color: #fff !important; background-color: #6d6969 !important; cursor: pointer; }

/***************************************************/
/* Advanced Search
/***************************************************/
.text-nowrap-overflow       { white-space:nowrap; overflow:hidden; }
.display-inline             { display:inline; }
.clear-filter-pad           { margin-left: 10px; }

/***************************************************/
/* Account Cards
/***************************************************/
.card-panel                     { display: flex; }
.card-round-button              { border-radius: 100px; padding: 24px 4px }
.pane-right                     { padding-top: 25px; }
.account-card-search            { max-width: 300px !important; display: inline-grid; }
.account-card-search-checkbox   { max-width: 300px !important; }

/* https://stackoverflow.com/questions/19695784/how-can-i-make-bootstrap-columns-all-the-same-height Note: Update 2018 */
.equal                          { display: flex; display: -webkit-flex; flex-wrap: wrap; }

/***************************************************/
/* Spinner
/***************************************************/
.loader { margin-left:46%; border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 100px; height: 100px; -webkit-animation: spin 5s linear infinite; /* Safari */ animation: spin 1s linear infinite; }

/* Safari */
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/***************************************************/
/* FAQs
/***************************************************/
.faq-collapse { font-size:18px; }

/***************************************************/
/* Widgets
/***************************************************/
.account-widget-image           { max-height: 100px; width: 100%; padding-top: 15px; }
.affix-sidebar-margin           { margin-right: 39px; }
.general-widget-image           { max-height: 50px; height: 100%; }
.budget-wiget-modal-answertext  { text-decoration: underline; font-weight: 700; }
.general-widget-thumbnail       { height:110px !important; }
.hover-pointer                  { cursor: pointer; }

/***************************************************/
/* Account Page
/***************************************************/
.sidebar-header-buttons { margin-bottom: 50px; z-index: 999; }
.account-hr             { border-color: #808080; width: 97%; margin-top: 0; margin-bottom: 0; }
.leadership-margin      {  margin-top: 7px; }

/***************************************************/
/* Account Header
/***************************************************/
.account-header                     { margin: 20px; /*padding-bottom: 40px;*/ }
.account-header-image               { border: 2px solid grey; /*height: auto; min-width: 200px; max-width: 300px; max-height: 400px;*/ }
.account-header-right               { margin-left: -50px; }
.account-image-buttons-top-padding  { padding-top: 5px; }

/***************************************************/
/* General Page
/***************************************************/
/***************************************************/
/* General Header
/***************************************************/
.general-header                 { padding-left: 30px; }
.general-header-image           { max-width: 250px; width: 100%; }
.general-contact-image          { max-height: 90px; height: 100%; }
.general-contact-row-padding    { margin-bottom: -10px; }
.contacts-scroll-spy            { position: relative; height: 350px; overflow-y: scroll; }
.contacts-no-scroll-spy         { display: none; }
.contact-delete                 { color: #d9534f; border:none; background-color:#fff; margin:0px; padding:0px; }
.phone-emergency                { background-color: #f3c0c0; }
.birthdayitem {
    width: 20px;
    height: 20px;
    /*background: #48e;*/
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

    .birthdayitem:hover {
        background: #59f;
        -webkit-transform: scale(2.1);
        transform: scale(2.1);
    }

/***************************************************/
/* Ministry Page
/***************************************************/
.panel.panel-default.negative-margin{ margin-bottom: -10px !important; }
.plus-lower-margin { margin-bottom: 20px; }

/***************************************************/
/* Finance Page
/***************************************************/
/***************************************************/
/* Finance Header
/***************************************************/
.highlight-red  { color: #a94442; font-weight:700; }
.highlight-green  { color: #3c763d; font-weight:700; }
.finance-hr     { border-color: #808080; width: 97%; margin-top: 0; margin-bottom: 15px; }

/***************************************************/
/* Finance Statement and Cash Receipt
/***************************************************/
.statement-cashreceipt-text { font-family:'Courier New'; font-size:12px; white-space: pre-wrap; } /*This could work if necessary, add "font-size: 5.9vw;" behind font-size:12px which would act like a fallback.*/
.statement-collapse-link, a.statement-collapse-link:hover, a.statement-collapse-link:visited, a.statement-collapse-link:link, a.statement-collapse-link:active      { text-decoration: none; color: #333; }

/***************************************************/
/* Finance Bank
/***************************************************/
.bank-delete-button  { position:relative; /*margin-right:80px;*/ margin-bottom:-95px; }
.negate-row-top-margin { margin-top: -75px !important; }
/***************************************************/
/* Finance Corporation
/***************************************************/
.corporation-delete-button {
    position: absolute;
    z-index: 999;
   /* margin-top: -70px;*/
}

.corporation-edit-form {
    z-index: 0;
}

/***************************************************/
/* Chaplaincy
/***************************************************/
.militaryio-delete-button {
    position: relative; /*margin-right:80px;*/
    margin-bottom: -95px;
}

/***************************************************/
/* Finance Underfunded Report
/***************************************************/
.underfunded-scroll-spy     { position: relative; /*height: 350px;*/ overflow-y: scroll; }
.table-cell-dark            { background-color:#e4e0e0; }
.underfuded-report          { width: 2700px; }
.underfuded-form-padding    { padding: 20px; }

/***************************************************/
/* Generic Helpers
/***************************************************/
.main-panel-padding         { padding: 2px; }
.sub-panel-padding          { margin: 20px !important; }
.sub-panel-padding-not-top  { margin-left: 20px; margin-right: 20px; margin-bottom: 20px !important; }
.panel-sect-title           { left: 10px; bottom: 12px; position: relative; background-color:#eeeaea; padding-left: 5px; padding-right: 5px; border-radius: 3px; border-top: 1px solid #ccc; /*border-left: 1px solid #ccc; border-right: 1px solid #ccc;*/ }
.panel-danger-sect-title    { left: 10px; bottom: 12px; position: relative; background-color:#f2dede; padding-left: 5px; padding-right: 5px; border-radius: 3px; border-top: 1px solid #ebccd1; border-left: 1px solid #ebccd1; border-right: 1px solid #ebccd1; color: #a94442; }
.panel-sect-title-white     { left: 10px; bottom: 12px; position: relative; background-color: #fff; padding: 0 5px; }
.panel-sect-title-grey     { left: 10px; bottom: 12px; position: relative; background-color: #eeeaea; padding: 0 5px; }
.panel-danger-sect-report   { left: 10px; bottom: 12px; position: relative; background-color:#fff; padding-left: 5px; padding-right: 5px; border-radius: 3px; border-top: 1px solid #bce8f1; border-left: 1px solid #bce8f1; border-right: 1px solid #bce8f1; }
.form-padding               { padding: 10px; }
.form-padding-right         { padding-right: 35px; }
textarea.form-control       { width: 100% !important; }
.width-100                  { width: 100% !important; }
.width-175px                { width: 175px !important;}
.panel-background-color     { background-color: #eeeaea; }
.panel-danger-bg-color      { background-color: #f2dede; }
.panel-info-bg-color        { background-color: #bce8f1; }
.panel-primary-bg-color     { background-color: #337ab7; color:#fff;}
.panel-group .panel         { margin-bottom: 20px !important; }
.scroll-top                 { z-index: 1049; position: fixed; right: 2%; bottom: 2%; width: 50px; height: 50px; }
.scroll-top .btn            { width: 50px; height: 50px; border-radius: 15%; font-size:26px; border: none; }
.generic-small-delete       { color: #d9534f; border:none; background-color:#fff; margin:0px; padding:0px; }
.generic-small-edit         { color: #337ab7; border:none; background-color:#fff; margin:0px; padding:0px; }
.row-left-margin            { padding-left: 15px; }
.button-right-margin        { margin-left: -10px; margin-right: 10px; }
/*https://stackoverflow.com/a/20548578*/
.vcenter                    { display: inline-block; vertical-align: middle; float: none; }
.home-line-height           { line-height: 0.3; }
.custom-button              { width: 150px; }
.display-none               { display:none; }
/***************************************************/
/* Modal Helper
/***************************************************/
.parent {
    white-space: nowrap;
}
.child                                  { /*width:25px;*/ height:25px; white-space:normal; display:inline-block; }
.usmia-modal .input-group               { width: 100%; }
.modal-content                          { border: 2px solid #5fb7f1; }
.modal-content-red                      { border: 2px solid #b43e3b; background:#fff; }
/*https://stackoverflow.com/questions/41534203/bootstrap-3-modal-header-background-color*/
.modal-content .modal-header            { padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #5fb7f1; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.modal-content-red .modal-header-red    { padding: 9px 15px; border-bottom: 1px solid #eee; background-color: #b43e3b; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
.usmia-modal-dialog                     { width: 300px !important; }


/***************************************************/
/* AreYouSure
/***************************************************/
.dirty { box-shadow: 0 0 8px rgba(255, 0, 0, 1); -webkit-box-shadow: 0 0 8px rgba(255, 0, 0, 1); -moz-box-shadow: 0 0 8px rgba(255, 0, 0, 1); border:1px solid rgba(255,0,0, 0.8); }
/*.dirty-backgroung-red { background-color: #d9534f !important; }*/

@media (max-width: 1200px)
{
    .header-menu-top-center         { max-width: 300px; }
    /*.account-header-image         { width: 250px; }*/
    .equipment-textarea             { height: 150px !important; }
    .home-button-left-margin        { margin-left: -19px; }
    .home-radio-padding             { margin-left: 10px !important; }
    /*.scroll-top                     { height: 40px; height: 40px; }
    .scroll-top .btn                { width: 40px; height: 40px; font-size:20px; }*/
}

@media (max-width: 1010px)
{
    .contacts-scroll-spy            { display: none; }
    .contacts-no-scroll-spy         { display: block; }
    .home-search-label-styles       { padding-right: 0 !important; }
    /*.scroll-top                     { height: 30px; height: 30px; }
    .scroll-top .btn                { width: 30px; height: 30px; font-size:16px; }*/
}

@media (max-width: 991px)
{
    .general-contact-image          { max-height: 130px; height: 100%; }
    .home-button-left-margin        { margin-left: 50px; }
    .home-search-label-styles       { padding-right: 0 !important; }
    /*.scroll-top                     { height: 25px; height: 25px; }
    .scroll-top .btn                { width: 25px; height: 25px; font-size:12px; }*/
}

@media (max-width: 768px)
{
    /*.account-header-image { width: 250px; }*/
    .home-search-label-styles       { font-size: 14px !important; padding-right: 0 !important; }
    /*.scroll-top                     { height: 20px; height: 20px; }
    .scroll-top .btn                { width: 20px; height: 20px; font-size:8px; }*/
    .vcenter                        { display: inline; vertical-align: middle; float: none; }
}

@media (max-width: 695px)
{
    /* Bootstrap supplement */
    .col-xxs-12                     { width: 100%; }
    .col-xxs-11                     { width: 91.66666667%; }
    .col-xxs-10                     { width: 83.33333333%; }
    .col-xxs-9                      { width: 75%; }
    .col-xxs-8                      { width: 66.66666667%; }
    .col-xxs-7                      { width: 58.33333333%; }
    .col-xxs-6                      { width: 50%; }
    .col-xxs-5                      { width: 41.66666667%; }
    .col-xxs-4                      { width: 33.33333333%; }
    .col-xxs-3                      { width: 25%; }
    .col-xxs-2                      { width: 16.66666667%; }
    .col-xxs-1                      { width: 8.33333333%; }
    /*.scroll-top                     { height: 20px; height: 20px; }
    .scroll-top .btn                { width: 20px; height: 20px; font-size:8px; }*/
}

@media (max-width: 320px)
{
    /*.account-header-image { width: 100px; }*/
    /*.scroll-top                     { height: 20px; height: 20px; }
    .scroll-top .btn                { width: 20px; height: 20px; font-size:8px; }*/
}

@media (min-width: 1200px) {
  .container { width: 1370px; }
}