@font-face{font-family:'Cachet-Bold';src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.eot');src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.woff2') format('woff2'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.woff') format('woff'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.ttf') format('truetype'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.svg#Cachet-Bold') format('svg'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Bold.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal}@font-face{font-family:'Cachet-Book';src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.eot');src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.woff2') format('woff2'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.woff') format('woff'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.ttf') format('truetype'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.svg#Cachet-Book') format('svg'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Book.eot?#iefix') format('embedded-opentype');font-weight:normal;font-style:normal}@font-face{font-family:'Cachet-Medium';src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.eot');src:url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.woff2') format('woff2'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.woff') format('woff'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.ttf') format('truetype'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.svg#Cachet-Medium') format('svg'),url('https://www.ymcacharlotte.org/sites/default/themes/greater_charlotte/fonts/Cachet-Medium.eot?#iefix') format('embedded-opentype');
}



.topnavbar .navbar-header .brand-logo, .topnavbar .navbar-header .brand-logo-collapsed {
    background-image: url("./images/YMCA_VolMattersLogo.png");
}

/* For devices 400px and larger: */
@media only screen and (min-device-width: 700px) {
    body.application div.content-wrapper {
        background-image: none;
    background-color: #F5F7fA;
    }
}

@media (min-width: 768px) {
.navbar {
    border-radius: 0px;
}
}

body.application div#wizard-progress-bg {
    background-color: #464646;
    border-radius: 0;
}

body.application div.content-heading h1 {
    color: #464646;
}

body.application .well {
    background-color: transparent;
    border: none;
    border-radius: 0px;
    box-shadow: none;
}


body.application .navbar {
    margin-bottom: 0;
}

.topnavbar {
    background-color: #0060af;
    height: 52px;
    background-image: url(./images/YMCA_Charlotte_Name.png);
background-position: right 8em center;
    background-repeat: no-repeat;
    background-size: auto;
}

div.content-wrapper > div.content-heading {
    background-image: url("./images/banner_angle_1c.png");
    background-position: 100% top;
    background-repeat: no-repeat;
    background-size: contain;
    background-color: #5C2E91;
    background-repeat: no-repeat;
    margin-top: -39px;
border-bottom: #92278F;
border-bottom-width: 5px;
border-bottom-style: solid;

}

div.content-heading h1 {
    background-color: transparent;
    color: #ffffff;
    opacity: 1;
}

.wrapper {
    background: #F5F7fA;
}

.wrapper > section {
    background-color: #F5F7fA;
}

body#home div#search-form-image {
    background-image: url("https://ymcacharlotte.volunteermatters.org/tenant/ymca/images/search-box-image.png");
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 1024px)
  and (-webkit-min-device-pixel-ratio: 2) {
   .sweet-alert .sa-icon {
      display: none !important;
   }
.col-xs-3 {
    width: 35%;
}
.col-xs-9 {
    width: 65%;
}
}

@media (min-width:992px)
{
.col-md-1 {
    width: 20% !important;
}
.col-md-11 {
    width: 80% !important;
}
}

p.panel-body.MultiLineText.CredentialDefinitionInstructions a {
    color: #ed1c24;;
    font-style: italic;
    font-weight: bold;
}

p.well.well-sm.MultiLineText.CredentialDefinitionInstructions a {
    color: #ed1c24;;
    font-style: italic;
    font-weight: bold;
}


i.form-control-feedback.glyphicon.glyphicon-asterisk {
    color: #a94442;
}

.bg-purple-dark {
    background-color: #92278F;
}

.bg-purple {
    background-color: #5C2E91;
}
.bg-primary-dark {
    background-color: #0089d0;
}
.bg-primary {
    background-color: #0060af;
}

.bg-warning-dark {
    background-color: #dd5828;
}
.bg-warning-light {
    background-color:#f47920;
}


.bg-yellow-dark {
    background-color: #92278F;
}
.bg-yellow {
    background-color: #5C2E91;
}

.bg-green-dark {
    background-color: #01a490;
}
.bg-green {
    background-color:#006b6b;
}

.alert-danger {
    color: #f47920;
    background-color: rgba(244,121,32,0.1);
    border-color: #ebccd1;
}

body#project-dashboard .btn-danger {
    color: #fff;
    background-color: #ed1c24;
    border-color: #9b9b9b;
}

body#project-dashboard .btn-danger:hover {
    color: #fff;
    background-color: rgba(237,28,36,0.8);
    border-color: #9b9b9b;
}

body#self-sign-up .btn-danger {
    color: #fff;
    background-color: #f47920;
    border-color: #9b9b9b;
}

body#self-sign-up .btn-danger:hover {
    color: #fff;
    background-color: rgba(244,121,32,0.8);
    border-color: #9b9b9b;
}

body#project-dashboard .btn-warning {
    color: #fff;
    background-color: #fcaf17;
    border-color: #9b9b9b;
}

body#project-dashboard .btn-warning:hover {
    color: #fff;
    background-color: rgba(252,175,23,0.8);
    border-color: #9b9b9b;
}


body#project .btn-warning {
    color: #fff;
    background-color: #f47920;
    border-color: #9b9b9b;
}

body#project .btn-warning:hover {
    color: #fff;
    background-color: rgba(244,121,32,0.8);
    border-color: #9b9b9b;
}



body#project-dashboard .btn-success {
    color: #fff;
    background-color: #01a490;
    border-color: #9b9b9b;
}

body#project-dashboard .btn-success:hover {
    color: #fff;
    background-color: rgba(1,164,144,0.8);
    border-color: #9b9b9b;
}

.btn.btn-default {
    border-color: #9b9b9b;
}

.btn-default {
    color: #333;
    background-color: #f6f6f6;
    border-color: #9b9b9b;
}

body#assignments .btn-info {
    color: #fff;
}

.h3, h3 {
    color: #464646;
}

.panel-info > .panel-heading {
    color: #ffffff;
    background-color: #0089d0;
    border-color: #0089d0;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.panel-primary > .panel-heading {
    color: #fff;
    background-color: #0060af;
    border-color: #0060af;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

Body#register .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #0089d0;
    border-color: #0089d0;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

Body#register .panel-primary {
    border-color: #337ab7;
}

Body#project-dashboard .panel-primary > .panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

Body#project-dashboard .panel-primary {
    border-color: #d6e9c6;
}


Body#register .panel-heading h3.panel-title {
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

Body#volunteer-credential-apply-multiple .panel-primary > .panel-heading {
    color: #fff;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

Body#volunteer-credential-apply-multiple .panel-heading h3.panel-title {
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

Body#contact .panel-accent > .panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

Body#contact .panel-accent {
    border-color: #d6e9c6;
}

Body#my-profile .panel-accent > .panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

Body#my-profile .panel-accent {
    border-color: #d6e9c6;
}

Body#project-catalog-new .panel-accent > .panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

Body#project-catalog-new .panel-accent {
    border-color: #d6e9c6;
}

Body#volunteer-credential-apply-multiple .panel-primary {
    border-color: #d6e9c6;
}

h1 {
    font-family: Cachet-Medium, Verdana, Arial, sans-serif;
    font-weight: 100;
}

.panel-warning>.panel-heading {
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.panel-heading h3.panel-title {
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.panel-success>.panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}
.panel-heading {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.panel {
    border-radius: 0px;
}

body#project-catalog .panel-info > .panel-heading {
    color: #ffffff;
    background-color: #0089d0;
    border-color: #0089d0;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 18px;
}

a#manage-announcements.btn.btn-xs.btn-warning.pull-right {
    background-color: #F47920;
    border-color: #9b9b9b;
}
a#manage-announcements.btn.btn-xs.btn-warning.pull-right:hover {
    background-color: rgba(244,121,32,0.8);
    border-color: #9b9b9b;
}
a#reset-announcements.btn.btn-xs.btn-default.pull-right {
color: #333;
}

form#search-form button.btn.btn-sm.btn-warning {
    background-color: #F47920;
    border-color: #9b9b9b;
}

form#search-form button.btn.btn-sm.btn-warning:hover {
    background-color: rgba(244,121,32,0.8);
    border-color: #9b9b9b;
}

@media only screen and (max-width: 767px) {
nav.topnavbar .navbar-header .brand-logo-collapsed {
    display: none;
}
}

@media only screen and (max-width: 1000px) {
div.content-wrapper > div.content-heading {
background-image: none; 
}
}


.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
    color: #ffffff;
}

.btn-primary {
    background-color: #00AEEF;
    border-color: #9b9b9b;
}

.btn-primary:hover {
    background-color: rgba(0,174,239,0.8);
    border-color: #9b9b9b;
}
.open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    background-color: #0089d0;
    border-color: #0089d0;
}

.btn-info {
    background-color: #0089d0;
    border-color: #0089d0;
color: #ffffff;
}

.btn-info:hover {
    background-color: #00AEEF;
    border-color: #00AEEF;
}

div.h3.m0.summaryValue.fixedMetricValue {
color: #ffffff;
}

/* org name */
body#reset-password span.organization_name,
body#recover-username span.organization_name,
body#login span.organization_name {
    display: none;
}

span.nav.navbar-brand.organization_name {
display: none;
}

/* login */
body#login .btn-primary.btn-outline:hover,
body#reset-password .btn-primary.btn-outline:hover,
body#recover-username .btn-primary.btn-outline:hover {
    color: #fff;
    background-color: #00AEEF;
    border-color: #00AEEF;
}

body#login .btn-primary.btn-outline,
body#reset-password .btn-primary.btn-outline,
body#recover-username .btn-primary.btn-outline {
    border: 2px solid #0089d0;
    color: #0089d0;
}

body#login .panel > .panel-heading,
body#reset-password .panel > .panel-heading,
body#recover-username .panel > .panel-heading {
    background-color: #464646;
    border-color: #464646;
}

body#login #login-header-img,
body#reset-password #login-header-img,
body#recover-username #login-header-img {
    background-image: url("./images/YMCA_Charlotte_Name_Login.png");
    background-size: auto;
    width: 100%;
}

a.btn.btn-sm.pull-right.toggle-collapse {
color: #ffffff;
}


small {
  display: block;
}

.switch input:checked + span {
    background-color: #00aeef;
    border-color: #00aeef;
}
.switch-left-right span {
    background-color: #00aeef;
    border-color: #00aeef;
}
body.application .btn {
    border-radius: 0px;
}

body#login .btn {
    border-radius: 0px;
}


@media (max-width:600px)
{
.topnavbar {
    background-color: #434343;
    height: 62px;
    background-image: url("./images/YMCA_Charlotte_Name_Small.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: auto;
}
}

@media (max-width:767px)
{
.topnavbar {
    height: 62px;
    background-position: center;
}
}

a.at-icon-wrapper.at-share-btn.at-svc-facebook, a.at-icon-wrapper.at-share-btn.at-svc-reddit, a.at-icon-wrapper.at-share-btn.at-svc-mailto, a.at-icon-wrapper.at-share-btn.at-svc-tumblr, a.at-icon-wrapper.at-share-btn.at-svc-twitter, a.at-icon-wrapper.at-share-btn.at-svc-print, a.at-icon-wrapper.at-share-btn.at-svc-email, a.at-icon-wrapper.at-share-btn.at-svc-pinterest_share, a.at-icon-wrapper.at-share-btn.at-svc-gmail, a.at-icon-wrapper.at-share-btn.at-svc-google_plusone_share, a.at-icon-wrapper.at-share-btn.at-svc-linkedin, a.at-icon-wrapper.at-share-btn.at-svc-messenger, a.at-icon-wrapper.at-share-btn.at-svc-compact {
    background-color: #464646 !important;
}
a.at-icon-wrapper.at-share-btn.at-svc-facebook:hover, a.at-icon-wrapper.at-share-btn.at-svc-reddit:hover, a.at-icon-wrapper.at-share-btn.at-svc-tumblr:hover, a.at-icon-wrapper.at-share-btn.at-svc-mailto:hover, a.at-icon-wrapper.at-share-btn.at-svc-twitter:hover, a.at-icon-wrapper.at-share-btn.at-svc-print:hover, a.at-icon-wrapper.at-share-btn.at-svc-email:hover, a.at-icon-wrapper.at-share-btn.at-svc-pinterest_share:hover, a.at-icon-wrapper.at-share-btn.at-svc-gmail:hover, a.at-icon-wrapper.at-share-btn.at-svc-google_plusone_share:hover, a.at-icon-wrapper.at-share-btn.at-svc-linkedin:hover, a.at-icon-wrapper.at-share-btn.at-svc-messenger:hover, a.at-icon-wrapper.at-share-btn.at-svc-compact:hover {
    background-color: #00aeef !important;
}

.label-default {
    background-color: #F6F6F6;
    border-color: #F6F6F6;
    color: #464646;
    border-width: 1px;
    border-style: solid;
    border-radius: 5px;
    font-weight: 500;
    font-family: 'Cachet-Book', Verdana, sans-serif;
}

a.pull-right.toggle-collapse {
color: #ffffff;
}



body#projects-volunteering-report .h3, h3 {
    color: #ffffff;
}
div.default-project-image {
    background-image: url("https://ymcacharlotte.volunteermatters.org/tenant/ymca/images/ymca-3-transparent.png");
}

.project-entry .panel-heading .project-name {
    border-bottom: 1px solid #bce8f1;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 1.5em;
}

body#project-catalog-new a.btn.project-page {
    border-radius: 0px;
}

body#project-catalog-new .btn-info {
    background-color: #00AEEF;
    border-color: #9b9b9b;
}

body#project-catalog-new .btn-info:hover {
    background-color: rgba(0,174,239,0.8);
    border-color: #9b9b9b;
}

body#project-page .project-info .panel-heading {
    font-family: 'Cachet-Book', Verdana, sans-serif;
}

body#project-page div.addthis_sharing_toolbox {
    margin-top: 10px;
}

body#project-catalog-new .panel-warning {
    border-color: #d6e9c6;
}

body#project-catalog-new  .panel-warning>.panel-heading {
    color: white;
    background-color: #20bdbe;
    border-color: #20bdbe;
}

body#project-catalog-new .project-entry .project-details {
    font-size: 14px;
}


/* 10-26-2020 Update */

.topnavbar .navbar-header {
    background-color: #0060af;
}
.navbar-background-color {
    background-color: #0060af;
}

@media only screen and (max-width: 767px) {
.navbar-nav {
    margin: 0;
}
.topnavbar .navbar-header {
    background-color: #434343;
    background-image: url("./images/YMCA_Charlotte_Name_Small.png");
    background-repeat: no-repeat;
    background-position: top;
}
.topnavbar {
    background-color: #434343;
}
}



body#project-list .panel .panel-heading a {
    color: #8a6d3b;
}

body#credentials-list .panel .panel-heading a {
    color: #8a6d3b;
}

body#my-volunteer-history .panel .panel-heading a {
    color: #8a6d3b;
}

body#cross_project_roster .panel .panel-heading a {
    color: #8a6d3b;
}

body#projects-volunteering-report .panel .panel-heading a {
    color: #8a6d3b;
}

body#cross_project_volunteer_history .panel .panel-heading a {
    color: #8a6d3b;
}

body#projects-impact-report .panel .panel-heading a {
    color: #8a6d3b;
}

body#projects-feedback-report .panel .panel-heading a {
    color: #8a6d3b;
}

body#cross_project_need_config .panel .panel-heading a {
    color: #8a6d3b;
}

.panel-accent > .panel-heading {
    color: #ffffff;
    background-color: #20bdbe;
    border-color: #20bdbe;
    font-family: 'Cachet-Book', Verdana, sans-serif;
    font-weight: 500;
    font-size: 20px;
}

.panel-accent {
    border-color: #20bdbe;
}


/* LOGIN */

body#reset-password .panel-heading,
body#recover-username .panel-heading,
body#login .panel-heading  {
    background-color: #ffffff;
    border-bottom-color: #1A368D !important;
}

/* Kiosk CSS: */

div.kiosk-logo {
    background-image: url('./images/lcjp_logo_220x60_3.png');
    background-position: center;
    background-repeat: no-repeat;
}

div.confirmation-code {
    display: block;
}

div.kiosk-logo {
    height: 150px;
}


.widget.widget-secondary {
    background-color: #5C2E91;
    color: #ffffff !important;
}

div.widget-secondary div.widget-left {
    background-color: #92278F;
    color: #ffffff !important;
}

.widget.widget-one {
    background-color: #0060af;
    color: #ffffff !important;
}

.widget-one .widget-left {
    background-color: #0089d0;
    color: #0089d0;
}
.widget-two .widget-left {
    background-color: #01a490;
    color: #ffffff !important;
}

.widget.widget-two {
    background-color: #006b6b;
    color: #ffffff !important;
}

.widget.widget-three {
    background-color: #f47920;
    color: #ffffff !important;
}

.widget-three .widget-left {
    background-color: #dd5828;
    color: #ffffff !important;
}

.panel-secondary > .panel-heading {
    color: #ffffff;
    background-color: #0089d0;
    border-color: #0089d0;
}

.panel-secondary {
    border-color: #bce8f1;
}

.panel-accent > .panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}

.panel-accent {
    border-color: #faebcc;
}

.btn-primary.btn-outline {
    border: 2px solid #0089d0;
    color: #0089d0;
}

.btn-primary.btn-outline:hover, .btn-primary.btn-outline:focus, .btn-primary.btn-outline:active, .btn-primary.btn-outline.active, .open > .dropdown-toggle.btn-primary {
    color: #ffffff;
    border-color: #0089d0;
    opacity: .8 !important;
}

body#assignment-credential-conflicts .label-default {
background-color: #777;
border-color: #777;
    color: white;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
border-style: none;
}

body#project-credential-conflicts .label-default {
background-color: #777;
border-color: #777;
    color: white;
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
border-style: none;
}

body#reset-password img.headerLogo, body#recover-username img.headerLogo, body#login img.headerLogo {
    display: none;
}

@media only screen and (max-width: 767px) {
img.headerLogo {
    display: none;
}
}

nav.topnavbar .navbar-nav > li > a:hover, nav.topnavbar .navbar-nav > .open > a:hover, nav.topnavbar .navbar-nav > li > a:focus, nav.topnavbar .navbar-nav > .open > a:focus {
    color: #0060af;
}

.topnavbar .navbar-nav > li > a:active, .topnavbar .navbar-nav > .open > a:active {
    color: #ffffff;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}

.nav-wrapper .nav.navbar-nav.navbar-right {
    background-color: #434343;
}


@media only screen and (max-width: 767px) {
.topnavbar .navbar-nav > li > a, .topnavbar .navbar-nav > .open > a {
    color: #ffffff;
}
}