/* Global styles for the Water Action Hub */
@import url("wah.buttons.css");

/*-----------------------------------------*/
/* Fonts Styling                           */
/*-----------------------------------------*/
/* https://fonts.google.com/specimen/Roboto?selection.family=Roboto:400,400i,700,700i */

@font-face {
    font-family: "Flama";
    src: url("fonts/flama/Flama-Medium.otf");
    font-weight: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Regular.ttf");
    font-weight: normal;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Italic.ttf");
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-Bold.ttf");
    font-weight: bold;
}
@font-face {
    font-family: "Roboto";
    src: url("fonts/roboto/Roboto-BoldItalic.ttf");
    font-weight: bold;
    font-style: italic;
}


/*-----------------------------------------*/
/* Global Styling                          */
/*-----------------------------------------*/

/* was previously 16px in v3.0 and previously 14px in v2.0!*/
/* easy to switch back to 16px, methinks.*/
body { font-family: 'Roboto', sans-serif; font-size: 18px; }
body.fixed_nav { padding-top: 112px; }

h1, h2, h3, h4, h5, h6 {font-family: 'Flama', sans-serif;}


/* bootstrap override */
h4 {font-size:20px;}


/* Global Colors */
.wah_white_text {color: #fff !important;}
.wah_white_bg {background-color: #fff !important;}

/* Primary Colors (Per Peter) */
/* wah_blue */
/* wah_orange */
/* wah_yellow */
/* wah_green */
.wah_blue_text {color:#699cc6 !important;}
.wah_blue_bg {background-color:#699cc6 !important;}
.wah_blue_label {background-color:#699cc6 !important;}

.wah_blue_gc_text {color:#1e3250 !important;}
.wah_blue_gc_bg {background-color:#1e3250 !important;}
.wah_blue_gc_label {background-color:#1e3250 !important;}

.wah_blue_gc_2_text {color:#4c6b8b !important;}
.wah_blue_gc_2_bg {background-color:#4c6b8b !important;}
.wah_blue_gc_2_label {background-color:#4c6b8b !important;}

.wah_blue_gc_3_text {color:#aecfe6 !important;}
.wah_blue_gc_3_bg {background-color:#aecfe6 !important;}
.wah_blue_gc_3_label {background-color:#aecfe6 !important;}

.wah_orange_text {color:#ccb146 !important;}
.wah_orange_bg {background-color:#ccb146 !important;}
.wah_orange_label {background-color:#ccb146 !important;}

.wah_yellow_text {color:#ffdd35 !important;}
.wah_yellow_bg {background-color:#ffdd35 !important;}
.wah_yellow_label {background-color:#ffdd35 !important;}

.wah_red_text {color:#f65058 !important;}
.wah_red_bg {background-color:#f65058 !important;}
.wah_red_label {background-color:#f65058 !important;}

.wah_purple_text {color:#94679c !important;}
.wah_purple_bg {background-color:#94679c !important;}
.wah_purple_label {background-color:#94679c !important;}

.wah_gray_text {color:#b4aea7 !important;}
.wah_gray_bg {background-color:#b4aea7 !important;}
.wah_gray_label {background-color:#b4aea7 !important;}

.wah_dark_gray_text {color:#7b7369 !important;}
.wah_dark_gray_bg {background-color:#7b7369 !important;}
.wah_dark_gray_label {background-color:#7b7369 !important;}

/* previous green #00af66 */
.wah_green_text {color:#297d6d !important;}
.wah_green_bg {background-color:#297d6d !important;}
.wah_green_label {background-color:#297d6d !important;}

.wah_no_bg {background:none !important;}

.pantone {margin-bottom:4px;padding:10px;display:inline-block;border-radius:4px;}
.pantone:after {clear:both;}

.help-block {font-size:14px;font-weight:normal;}
.center {text-align: center;}
.clear {clear:both;}

/* Buttons - Imported */

/*-----------------------------------------
/* Header Styling                          */
/*-----------------------------------------*/
header {}
header .top_nav {
    /* old version */
    /*background: #f5f5f5;*/
    /*background: -webkit-linear-gradient(bottom, #f5f5f5, #fefefe); /* For Safari 5.1 to 6.0 */
    /*background: -o-linear-gradient(top, #f5f5f5, #fefefe); /* For Opera 11.1 to 12.0 */
    /*background: -moz-linear-gradient(top, #f5f5f5, #fefefe); /* For Firefox 3.6 to 15 */
    /*background: linear-gradient(to top, #f5f5f5, #fefefe);*/
    /*color: #595959;*/

    background: #1E3250;
    background: -webkit-linear-gradient(bottom, #1E3250, #274169); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(top, #1E3250, #274169); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(top, #1E3250, #274169); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to top, #1E3250, #274169);
    color: #fff;
    /*border-bottom: 1px solid #eee;*/
    min-height:32px;
}
header .top_nav p.ceo {
    display:inline-block;
    margin:0;
    padding:6px 0px 0px 16px;
    font-size:14px;
    font-weight: bold;
}
header .top_nav p.ceo a {
    text-decoration: none;
    /*color: #595959;*/
    color: #fff;
}
header .top_nav p.ceo a:hover {
    /*color: #484848;*/
    color: #eee;
}

header .top_nav p.flag_wrap {
    display:inline-block;
    float:right;
    margin:0;
    padding:1px 24px 0px 0px;
}
header .top_nav p.flag_wrap a {text-decoration: none;}


header .banner_nav {
    background: #ccb146;
    color: #fff;
    min-height:32px;
}
header .banner_nav p.cta {
    display:block;
    margin:0;
    padding:12px 20px 12px 20px;
    text-align: center;
    font-size:18px;
}
header .banner_nav p.cta a { text-decoration: underline; color: #fff; }
header .banner_nav p.cta a:hover { color: #eee; }
@media screen and (max-width: 767px) {
    header .banner_nav p.cta {
        padding:8px 16px 8px 16px;
        font-size:14px;
    }
}



header .navbar.wah_main_nav { margin-bottom:0;background:#fff; font-size:18px; }

header .wah_main_nav .wah_logo {display:inline-block;padding:16px 0px;}
header .wah_main_nav .wah_logo > img {height:120px;}

header .wah_main_nav .wah_mini_logo {display:none;padding:8px 0px;}
header .wah_main_nav .wah_mini_logo > img {height:48px;}

header .wah_main_nav.navbar-fixed-top .wah_logo {display:none;}
header .wah_main_nav.navbar-fixed-top .wah_mini_logo {display:inline-block;}

header .wah_main_nav ul.nav { margin-top:48px; }
header .wah_main_nav.navbar-fixed-top ul.nav { margin-top:8px; }



@media screen and (max-width: 767px) {
    header .wah_main_nav ul.nav { margin-top:8px; }
}

header .wah_main_nav ul.nav > li { margin-right:4px; }
header .wah_main_nav .navbar-nav > li > a {
    padding: 12px 15px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
header .wah_main_nav .navbar-nav > li > a.orange_highlight {color:#ccb146;}
header .wah_main_nav .navbar-nav > li > a.orange_highlight:hover {
    background-color: #e7e7e7;
    color: #bca134;
}
header .wah_main_nav .navbar-nav > li > a.signup_orange_bg {
    background-color:#ccb146;
    color:#fff;
    border-radius: 4px;
}
header .wah_main_nav .navbar-nav > li > a.signup_orange_bg:hover {background-color:#bca134;}

header .wah_main_nav .navbar-nav > li > a.search_dropdown {padding:10px 10px;margin-right:0px;font-size:23px;}
header .wah_main_nav .navbar-nav > li > a.search_dropdown:hover {background-color: #e7e7e7;}

header .wah_main_nav .navbar-nav > li > a > span.mobile_label {font-size:18px;}
header .wah_main_nav .navbar-nav > li > a.help_dropdown {padding:8px 8px;margin-right:0px;font-size:28px;}
header .wah_main_nav .navbar-nav > li > a.user_dropdown {position:relative;padding:10px 10px;margin-right:0px;font-size:24px;}
header .wah_main_nav .navbar-nav > li > a.user_dropdown > span.notif_count {
    position:absolute;
    top:2px;
    right:2px;
    height:16px;
    min-width:16px;

    padding:2px 2px;
    font-size:12px;
    line-height: 12px;
    font-weight: bold;

    /*red*/
    /*background:#f65058;*/
    /*orange*/
    background:#ccb146;
    color:#fff;

    text-align: center;
    border-radius:4px;
}

@media screen and (max-width: 767px) {
    header .wah_main_nav ul.nav > li {
        text-align:center;
        border-top: 1px solid #eee;
    }
    header .wah_main_nav .dropdown-menu > li {
        text-align:center;
    }
    header .wah_main_nav .navbar-nav > li .form-group.wah_nav_search > input.form-control {
        width: 96% !important;
    }
    header .wah_main_nav .navbar-nav > li > a.user_dropdown > span.notif_count {
        position:relative;
        display:inline;
        margin:0px 16px 10px 10px;
    }
}


header .wah_main_nav a.profile_link_img {font-size:18px;}
header .wah_main_nav a.profile_link_img > img {width:42px;margin-right:4px;}

header .wah_main_nav form#main_nav_search { display:none; margin-top: 48px; float:right;}
header .wah_main_nav.navbar-fixed-top form#main_nav_search { margin-top: 12px;}
form#main_nav_search .form-control { width:480px;}
form#main_nav_search .close_search {margin-left: -8px;}

header .wah_main_nav .dropdown-menu > li {font-size:16px;}
header .wah_main_nav .dropdown-menu > li > a {color:#555;padding:5px 14px;}
header .wah_main_nav .dropdown-menu > li > a:hover {color:#333;}


@media (max-width: 1080px) {
    header .wah_main_nav ul.nav > li > a { padding:10px 10px;}
}

@media (max-width: 992px) {
   header .wah_main_nav .wah_logo > img {height:96px;}
    header .wah_main_nav ul.nav > li { margin-right:0px; }
    header .wah_main_nav ul.nav > li > a { padding:8px 8px;}
    form#main_nav_search .form-control { width:360px;}
    header .wah_main_nav .navbar-nav > li > a.orange_highlight {padding:9px 6px;}
    header .wah_main_nav .navbar-nav > li > a.search_dropdown {padding:8px 6px;}
    header .wah_main_nav .navbar-nav > li > a.help_dropdown {padding:8px 6px;}
    header .wah_main_nav .navbar-nav > li > a.user_dropdown {padding:9px 6px;}
}


/* Override Default Collapse Behavior to happen sooner! */
@media (max-width: 860px) {
    header .wah_main_nav .navbar-header {
        float: none;
    }
    header .wah_main_nav .navbar-left,
    header .wah_main_nav .navbar-right {
        float: none !important;
    }
    header .wah_main_nav .navbar-toggle {
        display: block;
    }

    form#main_nav_search { margin:10px; float:none;}
    form#main_nav_search .form-control { width:480px;}

    header .wah_main_nav .navbar-nav > li > a.signup_orange_bg {display:inline-block;}
    header .wah_main_nav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    header .wah_main_nav .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    header .wah_main_nav .navbar-collapse.collapse {
        display: none!important;
    }
    header .wah_main_nav .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
    }
    header .wah_main_nav .navbar-nav>li {
        float: none;
    }
    header .wah_main_nav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    header .wah_main_nav .collapse.in{
        display:block !important;
    }
}


header .wah_main_nav .navbar-toggle { margin-top:34px; }
header .wah_main_nav.navbar-fixed-top .navbar-toggle { margin-top:12px; }


/*-----------------------------------------*/
/* Bootstrap Overrides                     */
/*-----------------------------------------*/
.alert { margin: 20px 0px 10px 0px; }
.table-striped > tbody > tr:nth-of-type(odd) {
    /*background-color: #f9f9f9;*/
    background-color: #f5f5f5;
}
a {color: #4c6b8b;}
a:hover, a:focus {color: #405a75;}
p {margin-bottom:12px;font-weight:300;}
li {font-weight:300;}

.pagination > li > a, .pagination > li > span {color: #4C6B8B;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #4C6B8B;
    border-color: #4C6B8B;
}


/*-----------------------------------------*/
/* Form Styling                            */
/*-----------------------------------------*/
.asteriskField {color:#f66;font-size:12px;vertical-align:top;}
.form_section {
    margin-bottom:20px;
    padding:10px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 5px;
    /*background:#f0f5f9;*/
    /*border:1px solid #ccc;*/
    /*border-radius:5px;*/
}
.form_section h3 {
    margin:20px 0px 20px 20px;
    font-weight:bold;
}



/*-----------------------------------------*/
/* Main Styling                            */
/*-----------------------------------------*/
#simple_content {min-height:380px;}
#simple_content > p {margin-bottom:16px;}

h1.page_header {margin:30px 0px 20px 0px;font-weight:600;}

div.callout { padding:8px;margin:10px 0px 20px 0px;border: 1px solid #ddd; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075); }
div.callout div.header { padding: 5px 8px; margin: 2px 0px 12px 0px; background-color: #f5f5f5; border: 1px solid #eee; border: 1px solid rgba(0, 0, 0, 0.05); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); }
div.callout div.header h3 {margin:0px;color:#595959;font-size:22px;font-weight: bold;}
div.callout div.header em {font-size:13px;}
div.callout div.callout_text { padding:0px 10px 0px 10px; font-size:16px; }
div.callout div.callout_text p { font-size:inherit; }
div.callout .callout_btn { margin:5px; }

div.callout div.callout_text p.overall_ranking_factor { font-size:18px; margin-bottom:2px; }
div.callout div.callout_text p.sub_ranking_factor {font-size:18px; margin-bottom:2px; }
div.callout div.callout_text p.sub_ranking_factor_help { font-size:16px; line-height: 18px; color:#555; }
div.callout img.profile_photo { margin-bottom:10px; }

div.profile_overview {margin-bottom:15px;}
div.profile_overview h3 {margin:10px 0px;font-size:20px;}
div.profile_overview p {font-size:16px;}

/* Profile Photos */
.profile-item-img-panel {
    position: relative;
    padding: 4px;
    /*background: #f5f5f5;*/
    background: none;
    /*border: 1px solid #DDD;*/
    border: none;
    display:inline-block;
    /*overflow: hidden;*/
    /*height: 200px;*/
    /*max-height: 200px;*/
    /*text-align: center;*/
}
.profile-item-img {
    margin: 0 auto;
    text-align:center;
    padding: 4px;
    background:#fff;
    border:1px solid #ddd;
    max-height:240px;
    max-width:96%;
}
.default_photo {text-align:center;margin-top:-40px;}
table.contact {table-layout:fixed;word-wrap:break-word;width:100%;}
table.contact td {padding-right: 5px;vertical-align:top;}


h4.profile_header {font-size:18px;margin-top:20px;}

a.popover_link {color:#555;border-bottom:1px dotted #555;}
a.popover_link:hover {text-decoration:none;}

.message_nav {margin-top: 24px;}

#message_inbox_table {}
#message_inbox_table thead tr th {border-bottom:1px solid #c4c4c4;}
#message_inbox_table tbody tr td {background-color:#f9f9f9;}
#message_inbox_table tbody tr td:hover {cursor:pointer;}
#message_inbox_table tbody tr.unread td {font-weight:bold;background:#ffffff;}
#message_inbox_table tbody tr:hover td,#message_inbox_table tbody tr:hover th{background-color:#f5f5f5;}
#message_inbox_table span.recip_total {color:#aaa;font-size:16px;}

#message_inbox_table_filter input {height:32px;width:300px;padding:8px 10px;font-size:16px;}

h3.message_subject {margin:32px 0px 16px 0px;display:inline-block;}
a.top_reply {margin:32px 0px 8px 0px;}

table.to_from_table { margin:0px 0px 16px 0px; width:100%; }
table.to_from_table tr th,
table.to_from_table tr td {
    vertical-align:top;
    padding:0px 10px 4px 0px;
    font-size:16px;
}
table.to_from_table th { text-align:right; }
table.to_from_table td.actions { text-align:right; }

div.message_body_wrap {
    padding:24px 24px;
    margin-bottom:0px;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
div.message_body_wrap.last {
    border-radius:4px;
    border-bottom: 1px solid #ddd;
}
div.message_body_wrap h3 {
    margin-top:4px;
}

.message_body {
    margin:10px 0px;
}
.message_actions {
    margin:0px 0px 20px 0px;
    padding:10px;
    /*background:#f6f6f6;*/
    /*border:1px solid #ddd;*/
    /*border-bottom-left-radius: 4px;*/
    /*border-bottom-right-radius: 4px;*/
}
.reply_form > .form_section {
    padding:16px 16px 10px 16px;
}



/*-----------------------------------------*/
/* Project and Organization Styling        */
/*-----------------------------------------*/
.pro_org_header {padding:48px 0px;background:#f5f5f5;}
.pro_org_header h1 {margin:12px 0px 8px 0px;padding:0;font-size:40px;line-height:44px;font-weight:600;}
.pro_org_header h1.org_header {margin:16px 0px 8px 0px;padding:0;font-size:40px;line-height:44px;font-weight:600;}

.pro_org_spacer {padding:24px 0px;border-top:1px solid #eee;}
.pro_org_spacer.no_border {border:none;}
.pro_org_spacer h2 {margin:8px 0px 8px 0px;display:table;}
.pro_org_spacer h3 {margin:8px 0px 8px 0px;display:table;/*border-bottom:1px dotted #333;*/}

.pro_org_column_spacer {margin-bottom: 48px;}

.percent_spacer {width:36px;margin:2px 4px;text-align:right;display:inline-block;}

hr.pro_org_hr_spacer {margin:32px 0px;}

.pro_org_sponsors {margin:60px 0px;padding:0px;}
.pro_org_sponsors .slick-prev:before,
.pro_org_sponsors .slick-next:before {color:#777 !important;font-size:22px;}
.pro_org_sponsors > .sponsor_slides .slick-slide {margin-right:32px;}
.pro_org_sponsors > .sponsor_slides.fixed_slides {text-align:center;}
.pro_org_sponsors > .sponsor_slides.fixed_slides > div {display:inline; margin-right:32px;}

.pro_org_source {margin-bottom:16px;}
.pro_org_source h4 {margin:8px 0px;}
.pro_org_source .source_logo {max-width:98%;max-height:200px;padding:8px 8px 8px 4px;}
.pro_org_source .attribution {font-size:12px;line-height:16px;font-style: italic;}

.pro_org_overview_col {border-right:1px solid #eee;}

.pro_org_user_actions {margin-top:16px;text-align:left;/*font-size:22px;*/}
.pro_org_user_actions a.btn {display:inline-block;margin:0px 4px 10px 0px;/*padding: 5px 10px 5px 10px;font-size:22px;*/}

.pro_org_owner_actions {margin-top:16px;}
.pro_org_owner_actions .btn {display:inline-block;margin-bottom:10px;}

.pro_org_nav_tabs {margin:24px 0px;}

.read_more_detail {}

.table.pro_org_quick_info {}
.table.pro_org_quick_info > tbody > tr > th,
.table.pro_org_quick_info > tbody > tr > td {
    border:0;
    /*border-top:1px dotted #ddd;*/
    font-size:18px;
    line-height: 22px;
    padding: 7px 5px;
}
.table.pro_org_quick_info > tbody > tr > th {
    /*width:220px;*/
    /*padding-left:32px;*/
    width:170px;
    text-align: left;
    padding: 7px 2px 7px 5px;
}

.table.pro_org_quick_info > tbody > tr > td {
    /*vertical-align: top;*/
}
.table.pro_org_quick_info .help-block {font-size:14px;font-weight:normal;margin-top:0px;}
.user_actions {margin-top:40px;}

p.pro_org_website_link {margin:-4px 0px 4px 0px;color:#aaa;font-size:18px;}
p.pro_org_website_link a {color:#aaa;text-decoration: none;}
p.pro_org_website_link a i {font-size:15px;margin-left:4px;}

/* allow partners to be in multiple columns */
ul.pro_org_float_list {display:inline-block;margin-bottom:20px;width:100%;}
ul.pro_org_float_list li {padding-right:16px;}

@media (min-width: 992px) {
    ul.pro_org_float_list li {width:49%;float:left;}
}

@media (min-width: 1200px) {
    ul.pro_org_float_list li {width:33%;float:left;}
}


/*-----------------------------------------*/
/* Feedback System Styling                 */
/*-----------------------------------------*/
div.other_reason_wrap {display:none;}
ul.fontstar {display:inline-block;padding:0;margin-bottom:20px;font-size:64px;}


/*-----------------------------------------*/
/* Project and Organization Rich Media     */
/*-----------------------------------------*/
.thumb-list {margin-bottom:20px;}
.thumb-list a {text-decoration: none;display:inline-block;}
.thumb-list a img {margin: 0 15px 20px 0;width:150px;height:150px;}
.thumb-list h3 {margin-bottom:16px;}
.thumb-list .video_link {position: relative; display:inline-block;}
.thumb-list .video_link .img-thumbnail {width:150px;height:150px;}
.thumb-list .video_link a {
    position:absolute;
    display: block;
    height: 150px;
    width: 150px;
    top: 32px;
    left: 50px;
    font-size:60px;
    color:#fff;
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.thumb-list .video_link a:hover {opacity: 1.0; filter:alpha(opacity=100); text-decoration:none;}
/*.thumb-list .video_link a i {font-size:32px;*/
    /*color:#fff;*/
/*opacity:100;*/
/*}*/

.project_file_listing {vertical-align:middle;margin-bottom:12px;}
.project_file_listing a {line-height:22px;font-size:16px;text-decoration:none;vertical-align: top;}
.project_file_listing a i {color:#999;font-size:22px;height:100%;vertical-align: top;}
.project_file_listing a span.file_size {color:#a1a1a1;vertical-align: top;}





/*-----------------------------------------*/
/* Footer Styling                          */
/*-----------------------------------------*/
footer {
    margin-top:30px;
    padding-top:40px;
    padding-bottom:40px;
    background: #f5f5f5;
    color: #595959;
    border-top:1px solid #e7e7e7;
}

footer a.ceo_logo {}
footer a.ceo_logo img {width:300px;margin-bottom:20px;}

footer h4 {
    font-size:20px;
    font-weight:bold;
}
footer ul.footer_links {
    margin:0;
    padding:0;
    list-style: none;
}
footer ul.footer_links li {
    margin-bottom:6px;
}
footer ul.footer_links li a {color:#595959; text-decoration: none;}
footer ul.footer_links li a:hover {
    border-bottom:1px dotted #595959;
}

footer h4.tweet_header {}
footer h4.tweet_header a {color:#595959;text-decoration: none;}
footer h4.tweet_header a:hover {border-bottom:1px dotted #595959;}
footer .tweet_links {}
footer .tweet_links a {color:#595959;text-decoration: none;}
footer .tweet_links a:hover {border-bottom:1px dotted #595959;}

footer form.subscribe_form {
    margin-top:30px;
    margin-bottom:20px;
    width:70%;
}

footer form.subscribe_form .subscribe_success {
    padding:10px;
    background-color: #dff0d8;
    color: #468847;
    border: 1px solid #d6e9c6;
    border-radius:4px;
}

footer form.subscribe_form .subscribe_error {
    padding:10px;
    background-color: #f2dede;
    color: #b94a48;
    border: 1px solid #eed3d7;
    border-radius:4px;
}

footer form.subscribe_form .checkbox {font-size:15px;}

@media (max-width: 767px) {
    footer form.subscribe_form { width:100%;margin-bottom:36px; }
}

footer .twitter_embed_wrap {
    margin-bottom:20px;
    background:#fff;
    border-radius:5px;
    border-top:1px solid #d6d6d6;
    border-right:1px solid #d6d6d6;
    border-left:1px solid #d6d6d6;
    border-bottom:1px solid #d6d6d6;
}


/*-----------------------------------------*/
/* Login                                   */
/*-----------------------------------------*/
.signup_for_account {
    margin-bottom:20px;
}

/*-----------------------------------------*/
/* Project Photos                          */
/*-----------------------------------------*/
table.photo_table {margin-bottom:0px;}
table.photo_table thead tr th {font-size:16px;}
table.photo_table thead tr th.photo {width:100px;}
table.photo_table thead tr th.actions {width:100px;}
table.photo_table tbody tr td.actions div {margin-bottom:8px;}
table.photo_table tfoot tr td.upload_photo {padding:12px 0px;text-align:left;}


.primary_contact {padding:8px 4px;}
.primary_contact h3 {}
.primary_contact .job_title {margin:12px 0px;}
.primary_contact .send_message_wrap {margin:12px 0px;}

.primary_contact.vertical_contact {padding:8px 0px;}
.primary_contact.vertical_contact .primary_contact_photo_wrap {width:165px;margin-bottom:10px;}
.primary_contact.vertical_contact p {padding-left:8px;}
.primary_contact.vertical_contact .send_message_wrap {padding-left:8px;}

.sticky_sidebar {}
.sticky_sidebar.affix {position:fixed; top:140px;}

.primary_contact_photo {width:100%;}
.additional_contacts {margin:12px 8px;font-size:16px;}


/*-----------------------------------------*/
/* Animation Styling                      */
/*-----------------------------------------*/

.fade-trans-enter { opacity: 0.1; }
.fade-trans-enter-active { transition: opacity 1.8s; -webkit-transition: opacity 1.8s; }
/* goes to default opacity and background-color */
.fade-trans-enter-to {}
/*.fade-trans-leave { opacity:0; }*/
/*.fade-trans-leave-active {}*/
/*.fade-trans-leave-to { opacity: 0; }*/
/*.fade-trans-move { transition: transform 1s; }*/

/* Enter and leave animations can use different */
/* durations and timing functions.              */
/* https://vuejs.org/v2/guide/transitions.html */
.slide-fade-enter-active { transition: all .4s ease; }
.slide-fade-leave-active { transition: all .3s cubic-bezier(1.0, 0.5, 0.8, 1.0); }
.slide-fade-enter { transform: translateX(10px); opacity: 0;  }
.slide-fade-leave-to { transform: translateX(-60px); opacity: 0; }


/*-----------------------------------------*/
/* Following / Notifications               */
/*-----------------------------------------*/

/* Following Tab */
.profile_nav {}
.profile_nav .dropdown-menu {font-size:16px;}

div.following_wrap {
    margin-bottom:32px;
    /*padding:10px;*/
    /*border: 1px solid #ccc;*/
    /*border-radius: 4px;*/
}
div.following_wrap h2 {margin-top:0px;font-weight: bold;}
div.following_wrap > .table {margin:0px 0px 32px 0px;}

div.following_wrap > form {}
div.following_wrap > form label {}
div.following_wrap > form select {width:420px;}

div.follow_item {
    margin:4px 0px;
    /*padding:10px;*/
    /*border:1px solid #ccc;*/
    /*border-radius:4px;*/
}

div.follow_item .follow_title_wrap {float:left;width:80%;}
div.follow_item .follow_title {font-size:20px;}

/* Notifications Tab */
div.no_activity {margin-top:32px;padding:20px;border: 1px solid #e6e6e6;border-radius:4px;}
div.no_activity p {font-size:22px;line-height:24px;width:80%;}


/* START: New Vue Based Activity System! */
div.notifs_overview {margin:20px 0px;}
div.notifs_wrap {margin:16px 0px;}

form.notif_form {margin-bottom:8px; padding:0px 16px;/*text-align:center;*/}
form.notif_form label {font-weight: normal;font-style:italic;}
div.notif_item {margin:0px;}
div.notif_item {
    padding: 16px 0px;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    border-radius:4px;
}
div.notif_item:first-of-type { border-top: 1px solid #e6e6e6; }
div.notif_item:hover { background: #f9f9f9; }

div.show_more_wrap {margin-top:16px;}

div.notif_item .notif_logo_col {float:left;width:16%;max-width:160px;margin-right:4px;padding:0px 8px;}
div.notif_item .notif_main_col {display:inline-block;width:80%;}

div.notif_item p {font-size:22px;line-height:24px;}
div.notif_item p.result_link {margin:8px 0px 0px 0px;}
div.notif_item p.result_link a {font-weight:bold;text-decoration:none;}
div.notif_item p.notif_date {margin:8px 0px 0px 0px;font-size:16px;}
div.notif_item p.notif_category {margin:8px 0px 0px 0px;font-size:14px; color:#999;}

div.notif_item .visit_btn {margin:8px 0px 0px 4px;float:right;font-weight: bold;}
div.notif_item .dismiss_notif {
    margin:8px 12px 0px 0px;
    float: right;
    font-size: 32px;
    font-weight: bold;
    line-height: 18px;
    color: #000000;
    text-decoration: none;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}
div.notif_item .dismiss_notif:hover {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

div.notif_item .notif_img_wrap {
    display:inline-block;
    float:left;
    width:100%;
    vertical-align: middle;
    text-align: center;
}
div.notif_item .notif_img_wrap a {}
div.notif_item .notif_img_wrap a img {
    max-height:96%;
    max-width:96%;
    padding:8px;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*opacity:0.8;*/
}
div.notif_item .notif_img_wrap a img:hover { /*opacity:1;*/ }


@media screen and (max-width: 991px) {
    div.notif_item p {font-size:18px;line-height:20px;}
    div.notif_item p.notif_date {margin:2px 0px 0px 0px;font-size:14px;}
    div.notif_item .visit_btn {
        margin-right:8px;
        padding: 3px 8px;
        font-size: 12px;
        line-height: 1.5;
        font-weight:normal;
        border-radius: 3px;
    }
    div.notif_item .dismiss_notif {
        font-size: 22px;
        font-weight: bold;
        line-height: 18px;
    }
}

@media screen and (max-width: 767px) {
    div.notif_item .notif_logo_col {float:left;width:20%;margin-right:4px;padding:0px 8px;}
    div.notif_item .notif_main_col {display:inline-block;width:70%;}
    div.notif_item .notif_img_wrap a img {margin-top:8px;padding:0px;}
    div.notif_item .visit_btn { display:none; }
}
/* END: New Vue Based Activity System! */


form.update_status_form {margin-top:16px;}
form.update_status_form input {width:65%;}

.status_wrap {}
.status_wrap .status_text {font-size:18px;line-height:25px;}

.status_wrap .help-block .error {color:#f65058;}

.status_actions {margin-left:8px;}
.status_actions a {}
.status_actions a.edit_status {opacity:0.5;}
.status_actions a.delete_status {opacity:0.4;color:#f65058;}
.status_actions a.edit_status:hover,
.status_actions a.delete_status:hover {opacity:0.9;}


/* Resource Toolbox Items */
div.toolbox_item {/*min-height:200px; width:100%;*/}
div.toolbox_item .toolbox_img_wrap {
    display:inline-block;
    float:left;
    height:220px;
    width:100%;
    vertical-align: middle;
    text-align: center;
    margin-bottom: 8px;
    /*background:red;*/
    border:1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background:#f6f6f6;
}
div.toolbox_item .toolbox_img_wrap .valign_helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}
div.toolbox_item .toolbox_img_wrap a {}
div.toolbox_item .toolbox_img_wrap a img {
    vertical-align: middle;
    max-height:96%;
    width:96%;
    padding:4px;
    background:#fff;
    border:1px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    /*opacity:0.8;*/
}
div.toolbox_item p {padding:10px;}
div.toolbox_item .toolbox_img_wrap a img:hover { /*opacity:1;*/ }

div.toolbox_call_wrap {text-align: left;}
div.toolbox_call_wrap > p.toolbox_call {
    display:inline-block;
    margin-top:12px;
    padding:16px 24px 16px 24px;
    font-size:20px;
    text-align:center;
    background-color: #f6f6f6;
    border: 2px solid #eee;
    border-radius: 4px;
}

div.suggested_resources_header {margin-bottom:24px;}
div.suggested_resources_header h2 {
    display:inline;
    margin-right:12px;
}
div.suggested_resources_header p {
    display:inline;
    margin-left:12px;
}
div.suggested_resources_header p:after {
    clear:both;
}
@media (max-width: 991px) {
    div.suggested_resources_header h2 {
        display:block;
        margin-right:0px;
    }
    div.suggested_resources_header p {
        display:block;
        margin-left:0px;
    }
    div.suggested_resources_header span.mdash {
        display:none;
    }
}


ul.non_field_errors {padding:10px 40px;color:#a94442;background:#f2dede;border:1px solid #ebccd1;}
ul.non_field_errors li {}

.organization_nav,
.project_nav,
.country_nav,
.region_nav,
.hydrobasin_nav,
.lesson_nav,
.sector_nav,
.tag_nav {
    margin-top:32px;}

.water_challenges {
    margin:10px 32px 20px 0px;
    padding:20px;
    border: 1px solid  #eee;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.progressbar { position:relative;margin-bottom:0px;}
.pb_label {
    position: absolute;
    top:0px; left:0px;
    padding-left:5px;
    text-align: left;
    line-height: 2.5em;
    font-size:12px;
    font-weight:bold;
}
.pb_caption {margin:2px 0 10px;font-size:13px;font-style:italic;}

.project_sub_status_wrap {display:none;}

.dropdown-menu.manage_obj_dropdown > li > a {
    padding: 3px 10px;
}

.already_account {}

ul.profile_ars { list-style-type: none; padding-left:20px;}
ul.profile_ars li {padding-bottom:6px;}
ul.profile_ars li span.complete {
    text-decoration: line-through;
    color: #6e6e6e;
}

.create_lesson_btn {float:right; margin-top:20px;}
.lesson_date {font-style: italic; font-size: 16px;}

.claim_explained {
    margin:0px 0px 8px 0px;
    font-size: 16px;
}
.claim_explained,
.claim_explained:focus,
.claim_explained:hover {
    color: #636363;
}

.header_btn {margin-top:30px; float:right;}

.lesson_detail {}
.lesson_detail h2 {
    font-weight: bold;
}
.lesson_detail h3 {
    display:block;
    font-weight: bold;
    margin:20px 0px 16px 0px;
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #eee;
}
.lesson_disclaimer {
    font-size: 14px;
    font-style: italic;
}

.nav.lesson-pills > li > a {
  position: relative;
  display: block;
  padding: 6px 12px;
}


.nav-pills.lesson-pills > li.active > a,
.nav-pills.lesson-pills > li.active > a:hover,
.nav-pills.lesson-pills > li.active > a:focus {
    background: #4c6b8b;
}

.applicable_wrap {margin-bottom: 8px;}


.feedback-button {
    position: fixed;
    right: -32px;
    top: 45%;
    z-index: 999;
    height: 44px;
    width: 100px;
    line-height: 20px;
    font-weight: 600;
    font-family: "Roboto", helvetica, arial, sans-serif;
    font-size: 17px;
    text-align: center;
    background: #ccb146;
    border-top: solid 3px #fff;
    border-right: solid 3px #fff;
    border-left: solid 3px #fff;
    color: white;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}
.feedback-button:hover {
    right: -28px;
}
@media (max-width: 860px) {
    .feedback-button {display:none;}
}


@media (max-width: 991px) {
    div.activity_item .activity_img_wrap {margin-bottom:20px;}
}


@media print {
    .no_print {display:none;}
}