/* Panel for SDG Compass Goals Collapsible Panels */
/* Panel Overrides for collapsibles styling */
/* Panel sdg #1 is a white text on a blue background */
.panel-sdg-1 { /*border-color: #00546D;*/ border-color: #2e6da4; margin-bottom:8px;}
.panel-sdg-1 > .panel-heading { color: #fff; background-color: #337ab7; border-color: #2e6da4; }
.panel-sdg-1.panel_dark_blue_bg   { border-color: #00546D; }
.panel-sdg-1.panel_light_blue_bg  { border-color: #0096C6; }
.panel-sdg-1.panel_labor_blue_bg  { border-color: #51c5da; }
.panel-sdg-1.panel_green_bg       { border-color: #668435; }
.panel-sdg-1.panel_light_green_bg { border-color: #b9c800; }
.panel-sdg-1.panel_red_bg         { border-color: #e5001c; }
.panel-sdg-1.panel_orange_bg         { border-color: #f79400; }
.panel-sdg-1 > .panel-heading.panel_dark_blue_bg   { background-color: #00546D; border-color: #00546D; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_light_blue_bg  { background-color: #0096C6; border-color: #0096C6; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_labor_blue_bg  { background-color: #51c5da; border-color: #51c5da; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_green_bg       { background-color: #668435; border-color: #668435; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_light_green_bg { background-color: #b9c800; border-color: #b9c800; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_red_bg         { background-color: #e5001c; border-color: #e5001c; color:#fff; }
.panel-sdg-1 > .panel-heading.panel_orange_bg         { background-color: #f79400; border-color: #f79400; color:#fff; }
.panel-sdg-1 > .panel-heading + .panel-collapse > .panel-body { /*border-top-color: #0095C5;*/ }
.panel-sdg-1 > .panel-heading .badge { color: #2e6da4; background-color: #fff; }
.panel-sdg-1 > .panel-footer + .panel-collapse > .panel-body { /*border-bottom-color: #0095C5;*/ }
.panel-sdg-1 > .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #fff;         /* adjust as needed */
}
.panel-sdg-1 > .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

/* Panel sdg #2 is a blue text on a white background */
.panel-sdg-2 {
    /*border-color: #00546D;*/
    border-color: #fff;
}
.panel-sdg-2 > .panel-heading {
    color: #0095C5;
    background-color: #fff;
    border-color: #fff;
}
.panel-sdg-2 > .panel-heading + .panel-collapse > .panel-body {
    border-top-color: #fff;
}
.panel-sdg-2 > .panel-heading .badge {
    color: #fff;
    background-color: #fff;
}
.panel-sdg-2 > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #fff;
}

.panel-sdg-2 > .panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: #0095C5;         /* adjust as needed */
}
.panel-sdg-2 > .panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 24px;
    font-weight:bold;
    color: inherit;
}
.panel-group {margin-top:20px;}

.download_pdf {text-align: center;}
.sdg_goals_nav_footer {margin-top:30px; text-align: center;}

.sdg_goal_header {background:#f6f6f6;padding-bottom:30px;border-radius:4px;border:1px solid #eee;}
.sdg_goal_icon {width:100px;margin-top:20px;margin-left:16px;padding-top:20px;float:left;}
h1.sdg_goal_title {margin-top:24px;margin-left:16px;padding-top:20px;}