.main_block {
    background-color: #fff;
    min-height: 800px;
}

.profile-page-link {
    padding: 14px;
}

.profile-page-link > a {
    text-align: left;
}

.glyphicon-search {
    color: #879299;
}
/* -- Mobile  -- */

.navbar-default .navbar-toggle .icon-bar {
    background-color: #00b9ff;
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    font-size: 1.6em;
    margin-right: 10px;
    margin-top: 10px;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    color: #259af4;
}

hr {
    border-top: 1px solid #e5e5e5;
    width: 97%;
}

input[type="text"] {
    -webkit-appearance: none;
}

/*NAV BAR STYLING*/

.profile-toggle {
    list-style: none;
    padding-right: 5px;
    padding-left: 0px;
    position: relative;
    top: 10px;
}

.profile-toggle > li,
.fixed-top > div {
    display: inline-block;
}

.profile-toggle > li {
    margin-left: 0px;
    padding: 0 10px 10px 10px;
}

.sub-nav-bar li a {
    color: #d2d1d1 !important;
    font-weight: 500;
}

.sub-nav-bar li.active,
.sub-nav-bar li.active:hover {
    border-bottom: 4px solid #fff;
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.sub-nav-bar li.active a {
    color: #fff !important;
}

.col-branding,
.col-search,
.col-tools {
    padding-right: 5px;
    padding-left: 5px;
}

#login-logo {
    width: 85px;
    height: 85px;
    display: block;
    margin: 50px auto 50px;
    padding-bottom: 5px;
}

/*search bar main*/

.search-bar-main {
    background: #fff;
    border: 1px solid #c3bfbd;
    box-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-top: 9px;
}

.inner-addon {
    position: relative;
}

.inner-addon .ion-search {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

.left-addon .ion-search {
    left: 0px;
    color: #879299;
    font-size: 17px;
    top: -4px;
}

.left-addon input {
    padding-left: 30px;
}

a.menu:hover {
    box-shadow: none !important;
    border: none !important;
}

.btn-group.main_nav {
    width: 25%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.btn.btn-default.dropdown-toggle.main_nav {
    height: 40px;
    width: 250px;
    background: #fff;
    color: #545454;
    font-size: 20px;
    border-radius: 2px;
}

ul.dropdown-menu.main_nav {
    width: 252px;
    margin-left: 4px;
    font-size: 14px;
}

li.main_nav a {
    height: 40px;
    padding-top: 7px;
}

span.caret.main_nav {
    float: right;
    margin-top: 9px;
}

i.ion-search.nav_link {
    padding-right: 18px;
}

.btn-success {
    background-color: #9ac583;
    border: 1px solid #9ac583;
}

.btn .caret {
    border-top-color: #a4adb7;
    border-bottom-color: #a4adb7;
}

/*Mobile Menu Modal*/

h4.menu-header {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.3em;
    text-align: center;
    padding-top: 0;
    padding-bottom: 0px;
    color: #fff;
}

i.ion-navicon {
    padding-right: 10px;
    border-right: 1px solid #e4e3e3;
}

.activity_link li,
li.main_nav {
    padding-left: 0;
    text-align: center;
    padding-bottom: 15px;
    list-style: none;
}

li.main_nav a {
    color: #fff;
    font-size: 1.2em;
}

li.main_nav a:hover {
    color: #2996cc;
    text-decoration: none;
}

.activity_link {
    padding-top: 10px;
    text-align: center;
    padding-left: 0;
}

.modal.in {
    background-color: rgba(59, 68, 71, 0.82);
}

.menu-header {
    border-bottom: none !important;
    text-transform: uppercase;
    color: #a3a1a1 !important;
}

.menu-close {
    opacity: 1 !important;
}

.menu-content {
    /*  (make specific to nav modal)*/
    background: none !important;
    box-shadow: none !important;
    border: none !important;
}

.ion-close-round {
    color: #fff !important;
    font-size: 25px;
}

.menu_dialog {
    width: 95%;
    padding-top: 70px;
}

.menu-body {
    padding: 0px;
}

li.main_nav a:hover {
    color: #2996cc;
    text-decoration: none;
}

.activity_link li a {
    font-size: 1.2em;
    color: #fff;
}

/*=========== top nav -- nav items & settings ============== */

.alert li {
    list-style: none;
    font-size: 13px;
}

.text-info.btn-info {
    background-color: #f9faf9;
    border: none;
    color: #6b6c6b;
}

p.message.bold.text-success.btn-success {
    background-color: #e8f7ed;
    border: none;
    color: #1ba84e;
    font-weight: 600;
}

.tip-description {
    left: -105px;
    top: 16px;
}

.tip-status {
    left: -47px;
    top: 16px;
}

.tip-title {
    left: -21px;
    top: 16px;
}

.tip-dates {
    left: -94px;
    top: 16px;
}

.tip-sector {
    left: -25px;
    top: 16px;
}

.tip-location {
    left: -49px;
    top: 16px;
}

.tip-transaction {
    top: 65px;
    left: -8px;
}

.dash_subnav {
    padding-left: 0px;
}

/*-------SIGN-IN & SIGN-OUT STLYING---*/

.form-signin {
    max-width: 530px;
    padding: 15px 30px 66px;
    margin: 10px auto;
    background-color: #fff;
    border: 1px solid #e0e2e3;
    border-radius: 5px;
    display: block;
}

.form-signin .form-signin-heading {
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-top: -1px;
    padding-bottom: 20px;
    padding-top: 10px;
    border-bottom: 1px solid #e0e2e3;
    margin-bottom: 30px;
    font-size: 1em;
}

input#id_password.form-control,
input#id_username.form-control {
    width: 100%;
    background: #fbfbfb;
}

.form-signin .checkbox {
    font-weight: normal;
    margin-bottom: 10px;
    color: #3d454c;
    display: inline-block;
}

.form-signin .form-control {
    position: relative;
    font-size: 14px;
    height: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100% !important;
}

#login form.form-signin img.centered {
    padding-bottom: 50px;
    padding-left: 50px;
    margin-top: 20px;
}

.form-signin .form-control:focus {
    z-index: 2;
}

.form-signin input[type="text"] {
    margin-bottom: -1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    width: 280px;
}

button.btn.btn-lg.btn-primary.btn-block {
    width: 85%;
    margin-bottom: 10px;
}

#login form.form-signin p {
    font-size: 12px;
    width: 100%;
    padding-top: 7px;
    display: inline-block;
}

.form-signin input[type="password"] {
    margin-bottom: 10px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 280px;
}

.form-signin .signin-button-container {
    margin-top: 30px;
}

.error {
    color: #c0392b;
    font-size: 13px !important;
    background-color: #f2dede !important;
    padding: 5px !important;
    text-align: center !important;
}

table#password_change {
    width: 100% !important;
}

#password_change tbody tr td input {
    width: 97% !important;
}

#logout {
    text-align: center;
    margin-top: 30px;
    min-height: 400px;
}

#logout p {
    font-weight: 200;
    font-size: 25px;
}

.signout_header h1 {
    margin-bottom: 20px;
}

p#password_reset {
    font-size: 15px;
    font-weight: 200;
    padding-bottom: 20px;
}

#password_reset_table tbody tr th label {
    margin-right: 12px;
    font-size: 14px;
}

#password_change tbody tr th label {
    text-align: right;
    margin-right: 12px;
    font-size: 14px;
    padding-bottom: 4px;
}

#settings_header form input#id_email {
    width: 98%;
    height: 25px;
}

#settings_form table tbody tr td input {
    width: 98%;
    height: 25px;
}

#password_change tbody tr td input {
    height: 25px;
}

i#password_change_done.icon-ok-sign {
    font-size: 70px;
    color: #27ae60;
    margin-bottom: 2px;
}

#settings_form table,
#password_reset_table {
    width: 100%;
}

#password-change_done {
    margin-top: 80px;
}

#password_change h1 {
    margin-top: 15px;
    font-weight: 200;
}

h3.login {
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 10px;
    text-transform: uppercase;
    color: #828686;
}

img#eu_logo,
img#img_logo,
img#catalpa_logo {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

img#img_logo {
    width: 80px;
}

img#eu_logo {
    width: 70px;
    padding-top: 5px;
}

img#catalpa_logo {
    width: 120px;
    padding-left: 10px;
    padding-top: px;
}

.login_credits {
    margin-top: 40px;
    margin-bottom: -100px;
    padding-bottom: 20px;
    background-color: #eee;
    margin-left: 0px;
    margin-right: 0px;
}

.footer_credits {
    background-color: #2e4369;
    padding-top: 5px;
    font-size: 11px;
    color: #909192 !important;
    text-align: center;
    display: block;
    clear: both;
    padding-bottom: 1px;
}

#disclaimer {
    display: block;
    position: relative;
    max-width: 530px;
    margin-right: auto;
    margin-left: auto;
    border: 2px solid #cfcece;
    border-radius: 4px;
    padding: 15px 15px 10px;
    top: 15px;
    margin-bottom: 40px;
}

#disclaimer p {
    line-height: 14px;
    font-size: 12px;
    color: #8b8b8b;
    text-align: center;
}

/*========= DASHBOARD TOOL BAR  =============== */

/*sub-navigation pulldown*/

/*
.dropdown-toggle.dash_subnav {
    font-size: 1.2em;
    max-width: 330px;
    background: none;
    border: none;
    font-weight: 400;
    color: #888;
    box-shadow: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.sub-nav_pulldown {
    clear: left;
    display: block;
    top: -8px;
}

.open .dropdown-toggle.dash_subnav {
    background: none!important;
    box-shadow: none;
    color: #2895cb;
}

ul.dropdown-menu.dash_subnav {
    box-shadow: none;
    border-radius: 0px;
    border: 1px solid #e4e3e3;
    margin-left: 28px;
    background-color: #fafafa;
    margin-top: 15px;
}

ul.dropdown-menu.dash_subnav li a {
    border-bottom: 1px solid #eeeded;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 14px;
    font-weight: 300;
}

ul.dropdown-menu.dash_subnav li a:hover {
    color: #2895cb;
}

*/

.ion-arrow-down-b.dash_subnav {
    position: relative;
    top: 8px;
    left: -7px;
    color: #888;
}

.chart-container {
    width: 50%;
    height: 50%;
    border: 1px dotted silver;
}

/*calendar and date select*/

/*
.year.active,
.month.active {
    border-radius: 50%;
    font-weight: 600;
}

.dashboard-date {
    background: none!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border: 1px solid #c2c7cc;
    font-weight: 500;
    text-align: center;
    color: #888;
    padding-top: 7px;
    padding-bottom: 7px;
    margin-right: 3px;
    margin-left: 3px;
    width: 110px;
}

.dashboard-date:hover {
    cursor: pointer;
}

#start {
    border-right: none;
    position: relative;
    right: -10px;
    padding-left: 24px;
    width: 120px;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-bottomleft: 20px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}

#end {
    border-left: none;
    left: -18px;
    position: relative;
    width: 120px;
}

.input-date:focus {
    outline: none;
    border-bottom: 2px solid #2996cc;
    box-shadow: none !important;
}

#date-form {
    display: inline-block;
}

#datepicker.input-daterange {
    white-space: nowrap;
}

#datepicker:before {
    content: "\f3f3";
    font: 18px "ionicons";
    color: #a8a7a7;
    position: relative;
    top: 7px;
    float: left;
    left: 40px;
}

.to-date {
    display: inline;
    border-bottom: none;
    padding-top: 8px;
    padding-bottom: 9px;
}

button.btn-filter {
    padding: 3px 13px 3px 10px;
    font-size: 20px;
    margin-left: 2px;
    position: relative;
    top: -1px;
    left: -28px;
    -webkit-border-radius: 20px!important;
    -webkit-border-top-left-radius: 0px!important;
    -webkit-border-bottom-left-radius: 0px!important;
    -moz-border-radius: 20px!important;
    -moz-border-radius-topleft: 0px!important;
    -moz-border-radius-bottomleft: 0px!important;
    border-radius: 20px!important;
    border-top-left-radius: 0px!important;
    border-bottom-left-radius: 0px!important;
}

button.btn-filter:hover {
    background: #fafafa;
}
*/

i.ion-refresh {
    position: relative;
    top: -1px;
}

/*Filter toggle and indicator*/

.filter-form-active:after {
    content: "\f35b";
    background: white;
    font: 22px "ionicons";
    color: #00b9ff;
    position: absolute;
    margin-top: -18px;
    border-radius: 30px;
    height: 21px;
}

.filter-checkbox {
    position: absolute;
    left: 0px;
}

.dashboard-filter-toggle p {
    padding-left: 15px;
}

/*data filter dropdown*/

.filter_dropdown {
    right: 137px !important;
    min-width: 400px;
    padding-left: 20px;
    padding-right: 20px;
}

li.dropdown-header {
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: 600;
}

.filter_checkboxes {
    color: #999999;
}

.checkbox_label {
    font-size: 13px;
    padding-left: 5px;
    padding-right: 10px;
}

.btn-drop {
    margin-left: 39px;
    margin-bottom: 20px;
    margin-top: 30px;
    width: 80%;
    height: 32px;
    border-radius: 40px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
}

.btn-drop-mob {
    margin: 10px auto 9px;
    width: 80%;
    height: 32px;
    border-radius: 40px;
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    display: block;
}

.horizontal_divider {
    display: inline-block;
    height: 22px;
    background-color: #e4e3e3;
    width: 1px;
    margin-left: 11px;
    position: relative;
    top: 6px;
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    .control-label,
    .btn .nav-bar-item {
        text-align: left;
    }

    .btn-filter {
        left: 185px;
    }

    .tool-bar {
        padding-right: 0;
    }

    .dashboard-date {
        width: 80px !important;
    }

    #datepicker {
        position: relative;
        left: -18px !important;
        padding-right: 5px;
    }

    #datepicker:before {
        content: "";
    }

    #date-form:after {
        content: "";
    }

    #start {
        padding-left: 3px;
        right: -18px;
        width: 92px !important;
    }

    #end {
        left: -18px;
        margin-left: 10px;
        padding-left: 3px;
        padding-right: 1px;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .text-left-align-xs {
        text-align: left;
    }

    .nav_block {
        padding-left: 10px;
    }

    .simple-nav li a {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .logo {
        width: 130px !important;
        top: 12px !important;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #2e4369;
    }

    .navbar-border-top {
        border-top: 1px solid #dfe3e4;
    }

    .search-nav {
        float: left !important;
        top: 10px !important;
        height: 40px !important;
        width: 91% !important;
    }

    .navSearchResults,
    .nav-search-results {
        display: none;
    }

    .dash-header {
        padding-top: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
        margin-top: 15px;
    }

    .dropdown-toggle.dash_subnav {
        font-size: 1.3em;
        max-width: 500px;
        font-weight: 400;
        color: #0c98eb;
        position: relative;
        left: -12px;
        padding-left: 0;
        padding-top: 3px;
    }

    .dash-title-date {
        padding-bottom: 3px;
        padding-top: 3px;
        clear: both;
        position: relative;
        top: 14px;
    }

    .tool-bar {
        float: right;
        display: inline-block;
        position: relative;
        top: 19px !important;
        padding-right: 38px;
    }

    .query-tool-bar {
        padding: 0px !important;
    }

    .btn-filter {
        left: 185px;
    }

    .dashboard-date {
        width: 80px !important;
    }

    .org-profile-link {
        margin-top: 20px;
    }

    #datepicker {
        position: relative;
        left: -18px !important;
    }

    #datepicker:before {
        content: "";
    }

    #date-form:after {
        content: "";
    }

    #start {
        padding-left: 3px;
        right: -18px;
        width: 92px !important;
    }

    #end {
        left: -18px;
        margin-left: 10px;
        padding-left: 3px;
        padding-right: 1px;
    }

    .horizontal_divider {
        display: none;
    }

    .hide-on-mobile {
        display: none;
    }

    .filter-mobile {
        float: right;
    }

    ul.dropdown-menu.dash_subnav {
        margin-left: 8px;
        margin-top: 35px;
    }

    .dropdown-toggle.dash_subnav {
        font-size: 1.2em;
        max-width: 270px;
    }

    .filter_checkboxes {
        column-count: 2 !important;
    }
    .banner {
        margin-bottom: 25px !important;
    }
    a.org-profile-link {
        margin-top: 25px !important;
    }
}

/*Numbers and Stat Styles */

.stats {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #333;
    padding: 3px 15px;
    margin: 0 -15px 2px;
    font-weight: 600;
    line-height: 20px;
    white-space: nowrap;
    -webkit-font-smoothing: antialiased;
}

#categories_sectors svg.chart {
    position: relative;
    top: -26px;
}

.stats.text-center {
    font-size: 14px;
    padding-bottom: 5px;
}

.chart_instructions {
    font-size: 12px;
    color: #6e7376;
}

h4.stats {
    padding-bottom: 15px;
}

h5.stats {
    padding-bottom: 15px;
}

.stats,
h4.stats,
h5.stats {
    display: block;
    font-size: 0.83em;
    color: #7a838b;
}

.big_count {
    font-weight: 600;
    margin: 6px auto 0;
    text-align: right;
    font-size: 2.3em;
}

.big_count.zero {
    color: #bdbaba;
}

.count_block {
    display: block;
    width: 60%;
    margin: 15px auto 10px;
    text-align: right;
}

#donut_commitment_status,
#donut_activities_status,
#donut_commitment_region,
#donut_commitment_ministry {
    text-align: center;
    width: 100% !important;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.donut_box {
    height: 45%;
    width: 45%;
    margin: auto;
}

.big_bucks {
    position: relative;
    right: 3px;
    top: -11px;
    padding-right: 3px;
    font-size: 0.45em;
}

.big_percent {
    position: relative;
    top: -11px;
    padding-right: 3px;
    left: 2px;
    font-size: 0.5em;
}

.align-right {
    text-align: right;
}

.align-center {
    text-align: center;
}

.no_data_image {
    width: 50%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.page-title {
    font-weight: 400;
    font-size: 1.7em;
    text-transform: uppercase;
    margin-bottom: 1px;
    line-height: 36px;
    letter-spacing: -1px;
}

.page-subtitle {
    font-weight: 200;
    font-size: 1em;
    margin-bottom: 40px;
    margin-top: 0;
    color: #888;
}

.count_suffix {
    font-size: 0.9em;
    font-weight: 500;
    color: #888;
    text-align: right;
    text-transform: uppercase;
    position: relative;
    top: -6px;
}

.count_suffix.align-center {
    text-align: center;
}

.border_btm {
    width: 93%;
    height: 1px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    border-bottom: none;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: bottom;
    background-image: -webkit-gradient(
        linear,
        50% 100%,
        50% 0%,
        color-stop(0%, #e0e0e0),
        color-stop(50%, #e0e0e0),
        color-stop(50%, transparent)
    );
    background-image: -webkit-linear-gradient(bottom, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: -moz-linear-gradient(bottom, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: -o-linear-gradient(bottom, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: linear-gradient(bottom, #e0e0e0, #e0e0e0 50%, transparent 50%);
}

.border_top {
    border-top: 1px solid #ececec;
}

#donut_loans_grants svg,
#donut_activities_status svg,
#donut_commitment_ministry svg,
#donut_commitment_region svg {
    width: 68%;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width: 1200px) {
    #donut_loans_grants svg,
    #donut_activities_status svg,
    #donut_commitment_ministry svg,
    #donut_commitment_region svg {
        width: 74%;
        height: 100%;
    }
}

/* Medium Devices, Desktops */
@media only screen and (max-width: 992px) {
    #donut_loans_grants svg,
    #donut_activities_status svg,
    #donut_commitment_ministry svg,
    #donut_commitment_region svg {
        width: 84%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
    #donut_loans_grants svg,
    #donut_activities_status svg,
    #donut_commitment_ministry svg,
    #donut_commitment_region svg {
        width: 50%;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .page-title {
        font-size: 1.6em;
        font-weight: 400;
        padding-left: 6px;
        margin-top: 7px;
    }

    #donut_loans_grants svg,
    #donut_activities_status svg,
    #donut_commitment_ministry svg,
    #donut_commitment_region svg {
        width: 70%;
        height: 100%;
    }

    #donor_commitments {
        width: 110% !important;
    }

    #donor_commitments svg {
        width: 105% !important;
        margin-left: -10px;
    }

    #donut_activities_status.donor-donut,
    #donut_commitment_ministry.donor-donut,
    #donut_loans_grants.donor-donut {
        padding-top: 0px;
        padding-bottom: 15px;
    }

    .dots_right {
        background-image: none !important;
    }

    .stats {
        font-size: 13px;
    }

    .big_count {
        font-size: 2.8em;
    }

    h4.stats {
        font-weight: 400;
    }
}

/* =====Tooltips======== */

.tipsy {
    font-size: 13px;
    padding: 5px;
}

.tipsy-inner {
    padding: 10px 20px;
    text-align: left;
}

/* Rounded corners */

.tipsy-inner {
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.tipsy-arrow {
    position: absolute;
    width: 0;
    height: 0;
    line-height: 0;
    border: 5px dashed #000;
}

.tooltip.sector {
    background-color: #282d37;
    color: #fff;
    padding: 10px 15px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 1em;
    font-weight: 200;
    margin-left: 40px;
}

.tooltip.sector a {
    font-size: 1.1em;
    display: inline-block;
    margin-bottom: 3px;
}

/* Donut Center text styles */

.donut_center_value,
.donut_center_title {
    fill: #888;
    font-weight: 600;
}

.donut_center_value {
    font-size: 1.5em;
}

.donor-donut .donut_center_title {
    font: 0.7em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

.location-donut .donut_center_title {
    font: 0.75em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
    font-weight: 400;
}

.sector-donut .donut_center_title {
    font: 0.65em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*Location Dash Style*/

.stats_block {
    display: block;
    height: 120px;
}

.tool-bar {
    float: right;
    display: inline-block;
    position: relative;
    top: 23px;
    padding-right: 38px;
    z-index: 100;
}

.tools a:hover {
    text-decoration: none;
}

.tools {
    display: inline-block;
}

#datepicker {
    color: #888;
    font-weight: 300;
    display: inline-block;
}

.spacer_left {
    margin-left: 10px;
}

.new_feature_tooltip {
    position: relative;
}

.page_tools_bottom {
    top: 0px !important;
}

i.ion-refresh {
    font-size: 0.9em !important;
    color: #879299 !important;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .tool-bar {
        padding-right: 0px;
        width: 100% !important;
    }

    .tools {
        padding-right: 0px;
    }

    .stats_block {
        height: 120px;
        margin-bottom: 20px;
    }
}

/* Small Devices, Tablets */
@media only screen and (min-width: 768px) {
    .tool-bar {
        padding-right: 0px;
        width: 100% !important;
    }

    .tools {
        padding-right: 0px;
    }
}

ul.dropdown-menu.top_tools_subnav {
    min-width: 70px;
    background: #f6f8f3;
    border-radius: 3px;
    right: 120px;
    top: 34px;
}

.export_type {
    font-weight: 300;
}

ul.dropdown-menu.top_tools_subnav li,
ul.dropdown-menu.top_tools_subnav li a {
    text-align: right;
    width: 70px;
}

ul.dropdown-menu.top_tools_subnav li a:hover {
    color: #2996cc;
}

/*Location Rows*/

.map_row_1 {
    padding-top: 20px;
}

.row.location_row_1 {
    padding-top: 25px;
    padding-bottom: 25px;
}

.row.location_row_2,
.row.location_row_3 {
    padding-bottom: 20px;
    padding-top: 20px;
}

/*Donor Dashboard Styles*/

.donor_commit_row_1 {
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 20px;
}

.donor_row_1 {
    padding-top: 30px;
    padding-bottom: 15px;
}

.donor_row_2,
.donor_row_3 {
    padding: 30px 15px;
    margin-top: 2px;
}

/*Ministry Dashboard Styles*/

.row.ministry_row_2 {
    padding: 20px;
}

#top_donors svg.chart {
    margin-top: 15px;
}

/*Sector Dashboard Styles*/

#categories_sectors {
    position: relative;
    text-align: center;
    margin-top: 26px;
}

.col-md-5.sector_row_1 {
    padding-left: 40px;
    position: relative;
    padding-top: 20px;
}

#donut_commitment_ministry.sector-donut svg,
#donut_activities_status.sector-donut svg {
    width: 56%;
    height: 56%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

div.col-md-7.sector {
    padding-top: 10px;
    padding-left: 20px;
}

.row.sector_row_1 {
    padding-top: 10px;
    padding-bottom: 30px;
}

.row.sector_row_2,
.row.sector_row_3 {
    padding-bottom: 15px;
    padding-top: 15px;
}

.dots_right {
    border: none;
    border-right: none;
    background-size: 2px 100%;
    background-repeat: no-repeat;
    background-position: right;
    background-image: -webkit-gradient(
        linear,
        100% 50%,
        0% 50%,
        color-stop(0%, #e0e0e0),
        color-stop(50%, #e0e0e0),
        color-stop(50%, transparent)
    );
    background-image: -webkit-linear-gradient(right, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: -moz-linear-gradient(right, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: -o-linear-gradient(right, #e0e0e0, #e0e0e0 50%, transparent 50%);
    background-image: linear-gradient(right, #e0e0e0, #e0e0e0 50%, transparent 50%);
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .col-md-5.sector_row_1 {
        padding-left: 15px;
    }
}

/*
Table Data Style*/

.table_data_section {
    width: 100%;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
    clear: both;
}

.activity_table {
    font-weight: 600;
    color: #7a838b;
    font-size: 16px;
    text-transform: uppercase;
    margin: auto;
}

#table_data {
    font-size: 13px;
    margin-top: 30px;
}

#table_data td.id {
    text-align: left;
    padding-left: 15px;
    padding-right: 15px;
    color: #3d454c;
    font-weight: 500;
}

#table_data th {
    height: 50px;
    padding-left: 10px !important;
}

#table_data th.order {
    cursor: pointer;
    color: #00b9ff;
}

#table_data td {
    padding: 12px 10px;
    text-align: left;
    border-bottom: 1px solid #f2f4f5;
}

th:first-child,
td:first-child {
    padding-left: 15px !important;
    font-weight: 600px !important;
}

th:last-child,
td:last-child {
    padding-right: 15px !important;
}

.sorttable_sorted.headerSortDown,
.sorttable_sorted_reverse.headerSortUp {
    color: #00b9ff;
}

th.sorttable_sorted.headerSortDown:hover,
th.sorttable_sorted_reverse.headerSortUp:hover {
    color: #00b9ff;
    cursor: pointer;
}

.sorttable_sorted_reverse.headerSortUp:after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #00b9ff;
    padding-left: 8px;
}

.sorttable_sorted.headerSortDown:after {
    content: "\f104";
    font: 13px "ionicons";
    color: #00b9ff;
    padding-left: 8px;
}

/* ================Search Page Styles =================== */

.search-page {
    background-color: #f4f5f4;
}

.search_subheader {
    font-weight: 600;
    font-size: 15px;
    color: #6c7378;
    margin-top: 15px;
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e0e0;
}

.filter-panel {
    height: 100%;
    background-color: #f2f1f0;
    padding-top: 32px;
    padding-bottom: 40px;
    padding-left: 40px;
    border-right: 1px solid #e0e2e3;
    position: relative;
}

@media only screen and (max-width: 980px) {
    .filter-panel {
        height: auto;
    }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .filter-panel {
        height: 25% !important;
        border-right: none;
    }

    .filter-panel h3 {
        text-align: center;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .results-panel {
        padding-top: 10px !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }
}

.form-group.filter-group {
    height: 70px;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-right: 40px;
}

.filter-group label {
    padding-bottom: 0;
    margin-bottom: 9px;
}

.filter_form {
    padding-left: 0;
}

.filter-panel .stats_divider {
    width: 90%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.results-panel {
    background-color: #fff;
    padding-top: 20px;
    padding-left: 60px;
    padding-right: 50px;
    min-height: 600px;
    border-left: 1px solid #e0e2e3;
}

li.filter_title {
    text-transform: uppercase;
    font-size: 12px;
    color: #333;
    padding: 3px;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
}

.panel.panel-default {
    margin-bottom: 10px;
    border-radius: 3px;
    border: none;
    box-shadow: none;
}

.panel-body {
    padding: 0px 0px;
}

.btn-search {
    margin-top: 10px;
}

#filter {
    border-bottom: 1px solid #e5e5e5;
    padding-top: 20px;
}

div#searchTools.in {
    padding-bottom: 10px;
}

dt.filter_title {
    font-size: 12px;
    text-transform: uppercase;
    color: #7a838b;
    padding: 7px 15px 3px;
    font-weight: 600;
}

h3.search_filter,
.search_title {
    text-transform: uppercase;
    font-weight: 400;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 30px;
    color: #34495e;
    letter-spacing: 1px;
    font-size: 1.4em;
}

.btn-org {
    margin-right: 12%;
}

.sidebarSubtitle {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #7a838b;
    padding: 3px 15px;
    margin: 0 -15px 2px;
    font-weight: 600;
    line-height: 20px;
}

.search_header {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e1e0e0;
    margin-top: 0;
}

.results-panel p {
    font-size: 15px;
    color: #7a838b;
    margin-top: 50px;
    padding-left: 10px;
    margin-bottom: 100px;
    text-align: center;
}

li.filter_select {
    width: 20%;
}

/*Activities Page Styling*/

i.ion-search.search-btn {
    font-size: 1.3em;
    line-height: 10px;
}

a.filter_toggle {
    display: inline-block;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 4px;
    border-bottom: 1px solid #e5e5e5;
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    margin-bottom: 20px;
}

a.filter_toggle:hover {
    text-decoration: none;
    color: #2996cc;
    cursor: pointer;
}

/*=========Input & Select Overrides=============*/

/*Popover's & Tool Tips*/

.popover {
    padding: 10px;
    border: solid 1px #c2c7cc;
    border-radius: 3px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: visibility 0.3s linear, opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
    transition: visibility 0.3s linear, opacity 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
}

.popover-title {
    font-weight: 600;
    font-size: 15px;
    background: none;
    border-bottom: none;
    padding-bottom: 0;
    text-transform: none;
}

.popover-content {
    font-weight: 400;
    text-transform: none;
    line-height: 17px;
    font-size: 14px;
    color: #85898c;
    line-height: 1.4;
}

.popover_help {
    color: #c8c7c6;
    font-size: 20px;
    padding-top: 5px;
}

.popover_help:hover {
    color: #9ac583;
    cursor: pointer;
}

/*tooltip*/

.tooltip {
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
}

.tooltip-inner {
    border-radius: 4px;
    background-color: #6c6c6c;
}

.form-info,
.dash-info {
    color: #ced4da;
}

.form-info:hover,
.dash-info:hover {
    text-decoration: none;
    cursor: pointer;
    color: #3a9fd0;
}

.form-info {
    font-size: 15px;
    line-height: 30px;
}

/*txt box styling*/

textarea#id_contact_info-0-email.textarea.form-control,
textarea#id_contact_info-1-email.textarea.form-control,
textarea#id_contact_info-2-email.textarea.form-control {
    height: 34px;
    padding: 5px;
}

.input {
    padding: 0 10px 1px 10px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border: 1px solid #e0e2e3;
}

.right_column {
    width: 300px;
    display: block;
    float: right;
    background-color: #f2f1f0;
    content: "heeloo";
}

.btn-lg {
    min-width: 85px;
    max-width: 95px;
    height: 35px;
    font-size: 15px;
}

.btn-add {
    /*Transaction tab buttons*/
    font-size: 1px;
}

#save_btn {
    margin-left: 0px;
    margin-right: 30px;
}

#save_draft {
    font-size: 14px;
    height: 32px;
}

#cancel {
    font-size: 14px;
    font-weight: 600;
}

.btn-grey .ion-android-download {
    font-size: 17px !important;
}

.footer {
    background-color: #9fa9ad;
    height: 30px;
    display: block;
}

/*Transactions table*/

.side_panel {
    margin-top: -20px;
    margin-bottom: 0px;
    height: 100% !important;
    min-height: 100% !important;
    background-color: #f2f1f1;
    z-index: 1004;
    border-left: 1px solid #e0e2e3;
    padding-left: 20px;
    position: fixed;
    right: 0;
}

.table.transactions {
    font-size: 0.88em;
    position: relative;
    top: 58px;
    max-width: 330px;
}

.table.transactions th {
    border-bottom-style: none;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: 600;
    color: #666;
    max-width: 330px;
}
.contextual_help_header {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    color: #3d454c;
    margin-bottom: 18px;
    line-height: 1.5;
    padding-left: 20px;
}

.affix.blank_transaction {
    padding-top: 170px;
}

i.ion-card {
    padding-bottom: 20px;
    color: #d6d7d8;
    font-size: 100px;
    text-align: center;
    padding-left: 74px;
}

.contextual_help_body {
    line-height: 1.5;
    color: #90959a;
    max-width: 280px;
    font-size: 14px;
    padding-bottom: 30px;
    padding-right: 10px;
    border-bottom: 1px solid #e0e2e3;
    padding-left: 20px;
}

.btn-transaction {
    background: none !important;
    font-weight: 300;
    position: relative;
    top: 450px;
    padding-right: 60px;
    padding-left: 60px;
    margin-left: 13px;
    color: #3a9fd0;
}

.btn-transaction:hover {
    color: #3a9fd0;
}

.btn-green {
    background: #9bc583;
    color: #fff;
    text-shadow: none;
    font-weight: 200;
    position: relative;
    top: -9px;
}

td.trans_edit_tools {
    padding-right: 0 !important;
}

i.ion-ios7-close-outline {
    font-size: 1.2em;
    line-height: 15px;
    color: #d9524e;
    position: relative;
    top: 4px;
}

i.ion-ios7-compose-outline {
    font-size: 1.6em;
    line-height: 12px;
}

i.ion-ios7-close-outline,
i.ion-ios7-compose-outline:hover {
    cursor: pointer;
}

i.ion-plus-circled {
    float: left;
    position: relative;
    top: 2px;
    font-size: 1.2em;
    padding-left: 15px;
}

/*Transactions modal*/

.trans-content {
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-style: solid;
    border-color: #b5b4b4;
    z-index: 1007;
    position: relative;
}

.trans-dialog {
    width: 55%;
    padding-top: 50px;
}

.trans-header {
    font-weight: 600;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
    color: #34495e;
    background-color: #fbfbfb;
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
}

.trans-body {
    padding-top: 40px;
}

.modal-footer.trans-footer {
    background-color: #fbfbfb;
    padding-right: 50px;
}

h4.modal-title {
    font-size: 1.8em;
    font-weight: 400;
}

textarea#id_description.textarea.form-control {
    height: 50px;
    margin-bottom: 20px;
}

.delete_warning_txt {
    padding-left: 40px;
    padding-right: 40px;
    text-align: center;
    font-size: 16px;
}

.confirm-delete {
    opacity: 0.69;
    height: 32px;
    padding: 0 1em;
    border-radius: 3px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
}

.confirm-delete:hover {
    border-color: transparent;
    color: #fff;
    -webkit-transition-duration: 0.05s;
    transition-duration: 0.05s;
}

.modal-dialog.delete_confirm {
    position: relative;
    z-index: 1008;
}

/*Locations Side Menu*/

.affix.scroll_location {
    width: 268px;
    margin-top: 329px; /*need to check crossbrowser with this one*/
    z-index: 101;
}

/*Validate Data Entry Form*/

label.valid:before {
    content: "\f120";
    font: 18px "ionicons";
    color: #27ae60;
    position: relative;
    top: 4px;
    left: -38px;
}

label.valid {
    width: 24px;
    height: 24px;
    display: inline-block;
}

.control-group.error {
    margin-bottom: 0;
}

label.error {
    font-weight: 200;
    color: #c0392b;
    padding: 2px 8px 2px 11px;
    margin-top: 2px;
    font-size: 12px;
}

/* ============ START OF CHARTS & MAP STYLES ==================*/

/*Map */

#map svg {
    fill: #9fa9ad;
}

/*Donut Chart Style*/

svg g g.arc text {
    font-weight: 200;
    display: none;
}

svg g text {
    color: #fff;
    font-size: 0.8em;
    font-weight: 400;
}

svg g g.arc path {
    stroke: #fff; /*matches background colour*/
    stroke-width: 1;
}

/*Bar Chart Style*/

.bar {
    fill: #9fa9ad;
}

rect.highlighted {
    fill: #feb960;
    pointer-events: all;
}

.axis text {
    font-size: 0.8em;
    font-weight: 200;
    color: #545454 !important;
    text-transform: capitalize;
}

.axis text:hover {
    cursor: pointer;
}

#sector_commitments svg.chart,
#barchart_horizontal_donors_commitments svg.chart {
    display: block;
    margin-right: auto;
    margin-left: auto;
}

.axis path,
.axis line {
    display: none;
}

.x.axis path {
    display: none;
}

/*Horizontal Bar Chart Style*/

.chart line {
    stroke: #c1c1c1;
}

.chart .rule {
    fill: #000;
}

.chart rect {
    fill: #cce7f5;
}

#categories_sectors text.name:hover {
    cursor: default;
}

rect.chart.highlighted {
    fill: #ff9500;
    pointer-events: all;
    opacity: 0.67;
}
.chart text {
    fill: #333 !important;
    font-size: 0.85em;
}
text.score,
.chart text.name {
    fill: #7a838b;
    font: 0.9em;
}

#categories_sectors svg.chart g text.name,
#barchart_donors_commitments svg.chart g text.name,
#sector_commitments svg.chart g text.name {
    text-transform: capitalize;
    font-size: 0.8em;
    fill: #666;
}

#categories_sectors svg.chart g text.name {
    font-size: 0.8em;
}

#categories_sectors svg.chart g text.score {
    fill: #666;
    font-size: 0.85em;
}

span.select2-match {
    font-weight: bold;
    text-decoration: none !important;
}

#step-5 .chart rect {
    stroke: none;
}

#step-5 .chart rect:hover {
    fill: #c3d2df;
}

svg g text.no_data {
    text-align: center;
    fill: #bdb9b9;
    stroke: #bdb9b9;
    font-size: 0.7em;
}

.no-wrap {
    white-space: nowrap;
}

/*THROBBER -- CSS SPINNER*/

.spinner {
    margin: 10px auto;
    width: 50px;
    height: 30px;
    text-align: center;
    font-size: 10px;
}

td.endless_loading {
    font-size: 0px;
}

.spinner > div {
    background-color: #59b3dc;
    height: 100%;
    width: 6px;
    display: inline-block;

    -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
    animation: stretchdelay 1.2s infinite ease-in-out;
    opacity: 0.71;
}

.spinner .rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.spinner .rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.spinner .rect4 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.spinner .rect5 {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

@-webkit-keyframes stretchdelay {
    0%,
    40%,
    100% {
        -webkit-transform: scaleY(0.4);
    }
    20% {
        -webkit-transform: scaleY(1);
    }
}

@keyframes stretchdelay {
    0%,
    40%,
    100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4);
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1);
    }
}

.is-draft {
    background: none repeat scroll 0 0 red;
    color: #fff;
    font-size: 20px;
    height: 115px;
    left: 0;
    opacity: 0.7;
    padding-top: 43px;
    position: fixed;
    top: 51px;
    width: 72px;
    z-index: 9999;
}

/*FOR PRINT SCREEN */

@media print {
    .stats {
        font-weight: normal;
    }

    #barchart_horizontal_donors_commitments {
        padding-right: 480px;
    }

    .dashboard-container {
        border: none;
    }

    .main_block {
        padding: 0 !important;
        margin: 0 !important;
    }

    .table_data_section {
        display: none !important;
    }

    .navbar.navbar-default.navbar-fixed-top {
        display: none !important;
    }

    .tools {
        display: none !important;
    }

    .input-date {
        border: none !important;
    }

    .container.footer {
        display: none !important;
    }

    .dash-info {
        display: none !important;
    }

    .btn-filter {
        display: none !important;
    }

    .footer_credits {
        display: none;
    }
}

/*
SHEPHERD/INTRO.JS OVERIDES */

.shepherd-content header {
    margin-bottom: -20px;
    margin-right: -17px;
}

.shephered-header {
    color: #3d454d !important;
    font-size: 23px !important;
    margin-bottom: 18px;
    text-transform: uppercase;
    text-align: center;
}

.shepherd-logo {
    background: url("../img/openly_logo.828a4429d589.png") no-repeat;
    background-size: 100%;
    width: 50px;
    height: 50px;
    margin: auto auto 15px;
}

h3.shepherd-title {
    font-size: 25px !important;
    font-weight: normal;
    line-height: 1.4;
    color: #3d454d !important;
    margin-bottom: 18px;
}

.shephered-subheader {
    color: #292f34 !important;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 16px !important;
}

div.introjs-tooltiptext {
    margin-bottom: 20px;
    min-width: 300px;
}

a.introjs-button.introjs-skipbutton,
a.introjs-button.introjs-nextbutton,
a.introjs-button.introjs-prevbutton {
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    border: 0;
    margin: 0 0.5em 0 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 0.8em;
    line-height: 1em;
    padding: 0.75em 2em;
    text-shadow: none !important;
}

a.introjs-button.introjs-nextbutton {
    background: #3288e6;
    color: white;
}

a.introjs-button.introjs-prevbutton {
    border: 1px solid #cfd5da;
    color: #888888;
}

a.introjs-button.introjs-skipbutton {
    border: 1px solid #cfd5da;
    font-weight: 500;
    color: #9ca1a6;
}

a.introjs-button.introjs-prevbutton.introjs-disabled {
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 0.65;
}

a.introjs-button.introjs-nextbutton.introjs-disabled {
    visibility: hidden;
}

div.introjs-overlay {
    background-color: white;
    opacity: 0.45 !important;
}

div.introjs-tooltip {
    border: solid 1px #c2c7cc;
    font-size: 1em;
    color: #6e7376;
    padding: 20px 40px;
    max-width: 500px;
}

.disclaimer_header {
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 13px !important;
    text-transform: uppercase;
}

.disclaimer_text {
    line-height: 16px;
    font-size: 0.85em !important;
    text-align: center;
}

a.introjs-button {
    text-transform: none !important;
    font-weight: normal !important;
    font-size: 12px !important;
}

/*IATI IMPORT STYLES*/

/*PUSH LEFT SIDE BAR*/

.import_heading {
    min-height: 41px;
    border-radius: 0px;
    border: 0;
    margin-left: 16.666666666666664%;
    margin-top: 110px;
    padding-left: 10px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.cbp-spmenu {
    background: #f2f3f5;
    position: fixed;
    border-left: 1px solid #e1e1e1;
}

.IATI_import {
    width: 170px;
    margin-left: 14%;
    display: inline-block;
}

.local_heading {
    margin-top: -1px;
    margin-bottom: 26px;
}

.close_sidebar {
    font-size: 40px;
    padding-right: 30px;
    line-height: 20px;
}

.cbp-spmenu-vertical {
    width: 50%;
    bottom: -0;
    top: 0;
    z-index: 1000;
}

.cbp-spmenu-right {
    right: -50%;
    overflow: auto;
    height: auto;
    padding: 0.5rem;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

.dashboard-container {
    padding-top: 0px;
}

.iati_side_panel {
    padding-top: 30px;
    margin-right: 3%;
    margin-left: 3%;
    overflow: hidden;
    min-width: 970px !important;
}

#centrePanel,
#rightPanel {
    height: 100%;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    box-sizing: border-box;
}

.activity_header {
    font-weight: 600;
    font-size: 20px;
}

.activity_filter_bar {
    margin-bottom: 30px;
    border-bottom: 1px solid #e1e0e0;
    padding-bottom: 15px;
}

.panel_card {
    border-radius: 0px;
    margin-top: 0;
    margin-bottom: 10px;
    min-height: 300px;
    border: 1px solid #d2d3d3;
    box-shadow: 0px 1px 0px rgba(210, 211, 211, 0.25);
    background: #fff;
    padding: 10px 15px;
}

.editor_stats_block {
    width: 40px;
    display: inline-block;
    text-align: left;
    font-weight: 600;
}

a.card_link:hover {
    text-decoration: none;
}

.ion-ios-checkmark-outline {
    color: #3fb34f;
    font-size: 20px;
    bottom: -2px;
    position: relative;
}

.ion-android-remove-circle {
    color: #b33f3f;
    font-size: 20px;
    bottom: -2px;
    position: relative;
}

.img_profile_editor {
    background-color: #f2f1f1;
    width: 80%;
    margin: auto;
    display: block;
}

.editor_summary {
    font-size: 0.9em;
}

.editor_summary li {
    line-height: 23px;
    padding-top: 1px;
    padding-bottom: 1px;
}

/*Activtiy Card*/

.import_buttons {
    position: relative;
    left: -10px;
}

.btn-card {
    line-height: 17px;
    margin-bottom: auto;
    margin-right: 4px;
    display: block;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 12px;
    position: absolute;
    left: -45px;
    top: -2px;
}

.btn-card.btn-default:hover {
    background-color: #f5faff !important;
    border-color: #d3ebfd;
    color: #259af4 !important;
}

.expand_card i {
    font: 9px "ionicons";
    position: relative;
    left: 4px;
}

.see_more_card a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #428bca;
}

ul.list-inline.activity_card_stats li {
    padding-left: 0;
}

ul.list-inline.activity_card_stats li:hover {
    cursor: default;
}

.dot-point,
.dot-point-lg {
    display: inline-block;
}

.dot-point::after {
    content: "\f21b";
    color: #cfcfcf;
    font: 3px "ionicons";
    position: relative;
    top: -6px;
}

.dot-point-lg::after {
    content: "\f21b";
    color: #cfcfcf;
    font: 5px "ionicons";
    position: relative;
    top: -2px;
    padding-right: 8px;
}

.card_subtitle {
    width: 90%;
    font-size: 12px;
    padding-bottom: 4px;
    font-weight: 600;
}

.sub-subtitle {
    font-weight: 500;
}

.card_stats {
    font-size: 12px;
}

.activity_card .media-left {
    display: inline-block;
    width: 30px;
    height: 30px;
    padding: 15px;
    line-height: 0;
    margin-right: 10px;
    margin-top: 5px;
    vertical-align: top;
}

span.center-icon {
    position: relative;
    top: -20px;
    left: -18px;
}

span.center-icon.no-iati {
    top: -13px !important;
    left: -14px;
}

.activity_card .media-left .published-iati::after {
    content: url("../img/Published_sync.94e0039b4519.svg");
}

.activity_card .media-left .published::after {
    content: url("../img/Published.a9bb884ca7b1.svg");
}
.activity_card .media-left .draft-iati::after {
    content: url("../img/Draft_sync.069ac1ec4000.svg");
}

.activity_card .media-left .draft::after {
    content: url("../img/Draft.7a45e3a6b70f.svg");
}

.activity_card_title {
    width: 80%;
}

.activity_list_header.form_header h4 {
    margin-top: 8px;
}

.act-list-search-form {
    display: flex;
    flex-direction: row;
}
.act-list-search-form .form-control {
    height: 35px;
    min-height: 35px;
    max-width: 150px;
    margin-right: 10px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.act-list-search-form #act-list-search-title {
    margin-top: 0;
    margin-right: 10px;
}

.media-body {
    position: relative;
}

.activity_total_commit {
    position: absolute;
    top: 25px;
    right: 0px;
}
.total-commit-value {
    font-size: 14px;
    font-weight: 500;
    font-weight: 600;
    color: var(--dark-text);
}
.total-commit-label {
    float: right;
    padding-right: 2px;
}

.card_icon_status::before {
    font-size: 8.5px;
    color: #7b8994;
    position: relative;
    top: 32px;
    left: -19px;
}

.card_icon_status.published::before {
    content: "Published";
}

.card_icon_status.draft::before {
    content: "Draft";
    left: -9px !important;
}

/* IATI Sync Notice - Activity Manager List */
.iati-card-label::before {
    content: "IATI\a0 Sync";
    top: -5px !important;
    left: -17px !important;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.15s ease-in-out;
    transition: height 0.15s ease-in-out;
}

.required:after {
    content: "*";
    display: block;
    color: #e66262;
}

/*Compare IATI with Local*/

.CompareTitle {
    text-align: center;
    font-size: 30px;
}

.CompareSubtitle {
    text-align: center;
    margin-bottom: 35px;
    color: #7a838b;
    font-weight: normal;
}

a.back-arrow {
    color: #259af4;
}

/*Dashboard Filter Drawer Styles*/

.dashboard_query_title {
    padding: 15px 0 5px 0;
    font-weight: 300;
    font-size: 17px;
}

.drawer {
    box-shadow: 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 15px rgba(0, 0, 0, 0.1);
    width: 30%;
    margin-left: -35%;
    -webkit-transition: box-shadow 0.1s ease-in-out;
    transition: box-shadow 0.1s ease-in-out;
    z-index: 8;
    border-right: none;
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .drawer {
        width: 80%;
        margin-left: -80%;
    }
}

.drawer-header {
    border-bottom: 1px solid #c2c7cc;
    margin-bottom: 25px;
}
.drawer-contents {
    padding-left: 30px;
    padding-right: 30px;
    background-color: white;
}

a.drawer-close {
    color: #00b9ff;
    font-size: 23px;
    position: relative;
    top: 9px;
}

a.drawer-close:hover {
    text-decoration: none;
    cursor: pointer;
    color: #00b9ff;
}

.dashboard-filter-toggle,
a.dashboard-filter-toggle {
    color: #3d454d;
}

a.dashboard-filter-toggle:hover,
a.dashboard-filter-toggle:focus {
    cursor: pointer;
    color: #00b9ff;
    text-decoration: none;
}

.dashboard-filter-list ul {
    padding-left: 12px;
}

.dashboard-filter-list ul li label {
    font-weight: normal !important;
}
.dashboard-filter-list ul li label .icheckbox_square-blue {
    margin-right: 10px;
}

/*

select {
    -webkit-appearance: none;
    background: white\0 !important
}

select::-ms-expand {
    display: none
}

select {
    width: 100%;
    border-radius: 0px;
    border: 1px solid #cccccc;
    padding: 6px 2px 6px 11px;
    font-size: 14px;
    color: #555555;
    background: white;
}

*/

/*FILTER & QUERY BUILDER*/

.query-tool-row {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-right: 15px;
}

.btn-round {
    border-radius: 30px;
    padding-left: 15px;
    padding-right: 15px;
}

.all-filter-clear {
    margin-right: 3px;
    color: #999;
    position: relative;
}

.all-filter-clear.sm {
    font-size: 12px;
    top: 10px;
}

.all-filter-clear:hover {
    color: #259af4;
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    text-decoration: none;
    cursor: pointer;
}

/*In form sub-tab-navigation*/

.filter-tabs {
    color: #565a5c;
    font-weight: 500;
    font-size: 16px;
    border-bottom: 1px solid #dce0e0;
    padding-left: 10px;
    border-radius: 0px;
}

.filter-tabs .ion-chevron-down {
    font-size: 12px;
}

.open > a.filter-tab-a:hover {
    background-color: none !important;
}

li a.filter-tab-a {
    margin-right: 20px;
    padding-top: 12px !important;
    padding-bottom: 11px !important;
}

li a.filter-tab-a {
    color: #9a9898;
    padding-left: 5px;
    padding-right: 5px;
}

li.active a.filter-tab-a {
    color: #259af4 !important;
    background: #e4f2fd !important;
    background: none !important;
    border-radius: 0px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid #259af4;
}

li.active a.filter-tab-a:hover,
li a.filter-tab-a:focus,
li a.filter-tab-a:hover {
    background: none !important;
    color: #545454 !important;
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    border-left: none;
    border-right: none;
    border-top: none;
    cursor: pointer;
    border-radius: 0px;
    background: none !important;
    border-bottom: 3px solid #259af4;
}

/*Filter Popover*/

.query-dropdown {
    padding: 10px;
    min-width: 250px;
    padding-left: 22px;
    padding-right: 30px;
    z-index: 600;
    background-clip: padding-box;
    background-color: white;
    border: solid 1px #c2c7cc;
    border-radius: 3px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    -webkit-transition: visibility 0s linear, opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
    -webkit-transition-delay: 0.3s, 0s, 0s;
    -webkit-transition: visibility 0s linear 0.3s, opacity 0.3s ease, -webkit-transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
    transition: visibility 0s linear 0.3s, opacity 0.3s ease, transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
}

.query-dropdown li {
    padding-top: 12px;
}

.query-dropdown .icheckbox_square-blue {
    margin-right: 15px;
    margin-left: 5px;
}

/*
.pointer-top:before {
    position: absolute;
    display: block;
    width: 10px;
    height: 10px;
    border-top: solid 1px #c2c7cc;
    border-left: solid 1px #c2c7cc;
    background-color: white;
    content: "";
    z-index: -1;
}

.pointer-top:before {
    top: -6px;
    left: 50%;
    margin-left: -5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pointer-top-right:before {
    margin-left: 84px;
}

.pointer-top-left:before {
    margin-left: -90px;
}

.popover-is-active {
    -ms-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: visibility 0s linear,opacity 0.3s ease,-webkit-transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
    -webkit-transition-delay: 0s, 0s, 0s;
    -webkit-transition: visibility 0s linear 0s,opacity 0.3s ease,-webkit-transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
    transition: visibility 0s linear 0s,opacity 0.3s ease,transform 0.3s cubic-bezier(0.175, 0.855, 0.32, 1.275);
}
*/

.popover-fly-down {
    top: 100%;
    left: 0;
    margin-top: 12px;
    -ms-transform: translate3d(0, -7px, 0);
    -webkit-transform: translate3d(0, -7px, 0);
    transform: translate3d(0, -7px, 0);
}

.filter-column-select i.ion-chevron-down {
    font-size: 12px !important;
}

a.filter-column-select:hover,
a.filter-column-select:focus,
.add-filter-box a:hover,
.add-filter-box a:focus {
    text-decoration: none;
    cursor: pointer;
    color: #259af4;
}

a.filter-columns {
    font-weight: 600;
    vertical-align: middle !important;
}

a.filter-columns {
    text-decoration: none;
    cursor: pointer;
}

a.filter-close:hover {
    text-decoration: none;
    cursor: pointer;
    color: #a59e9e;
}

ul.filter-summary-list {
    padding-left: 0px;
}

.filter-summary-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e1e1;
    padding-left: 15px;
}

.filter-summary-list li a {
    color: #3d454c;
}

.filter-summary-list li a:hover {
    background: none;
    color: #2996cc !important;
    text-decoration: none;
}

.filter-summary-list li:last-child {
    border-bottom: none;
}

.query_title {
    padding: 15px 24px 5px 0;
    font-weight: 300;
    font-size: 17px;
}

.side-bar-categorey {
    line-height: 1.3;
    padding: 0;
    font-weight: 500;
    color: #3d454d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
}

.summary-row {
    padding: 0px 38px 24px 40px;
    margin-top: 10px;
}

.query-result-count {
    font-size: 12px;
}

.fixed-width-300 {
    min-width: 300px;
    max-width: 300px;
}

.fixed-width-150 {
    min-width: 150px;
    max-width: 150px;
}

/*table-sorting*/
th.query-th-sortable.link:hover,
.sortable th:hover {
    cursor: pointer;
    color: #259af4;
    -webkit-transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

.unsorted::before {
    content: "\f104";
    font: 13px "ionicons";
    color: #bebdbd;
    position: relative;
    top: 2px;
    left: 1.5px;
}

.unsorted::after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #bebdbd;
    position: relative;
    top: -5px;
    left: -7px;
}

.sorted_up::before {
    content: "\f104";
    font: 13px "ionicons";
    color: #ddd;
    position: relative;
    top: 5px;
    left: 1px;
}

.sorted_up::after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #002d42;
    position: relative;
    top: -2px;
    left: -7px;
}

.sorted_down::before {
    content: "\f104";
    font: 13px "ionicons";
    color: #002d42;
    position: relative;
    top: 3px;
    left: 1px;
}

.sorted_down::after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #ddd;
    position: relative;
    top: -4px;
    left: -7px;
}

.tableScroll {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: scroll;
}

.table-selector a {
    color: #2996cc;
    font-weight: 700;
    vertical-align: middle !important;
}

.page_count {
    padding-left: 30px;
    padding-right: 30px;
    line-height: 2;
    color: #73777a;
}

.key-stats {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    font-weight: 500;
}

.query-table-head tr th,
.query-table-head tr td {
    padding-left: 15px !important;
    padding-right: 25px !important;
}

.query-table-head tr {
    background-color: white;
    text-align: left;
    height: 50px;
    vertical-align: middle !important;
}

tbody tr.table-cell td {
    height: 50px;
    vertical-align: middle !important;
    padding-left: 15px !important;
    padding-right: 25px !important;
}

.centeredPrompt {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

/*select overrides for filter*/

/*

.select2-container-multi .select2-choices .select2-search-choice {
    border: none!important;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    background-color: #fff!important;
    background-image: none!important;
    padding: 6px 11px 9px 28px!important;
    border-radius: 0px!important;
    border-bottom: 1px solid #e2e1e1!important;
    width: 98%;
}

.select2-drop-active {
    border-left: 1px solid #259af4!important;
    border-right: 1px solid #259af4!important;
    border-bottom: 1px solid #259af4!important;
    border-top: 1px solid #f0efef !important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.select2-drop.select2-drop-above {
    border-top: 1px solid #259af4!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border-bottom: none!important;
}

.select2-drop .select2-drop-active {
    border-top: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.select2-search-choice div {
    height: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    clear: both!important;
    margin-right: 10px;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #5897fb;
    outline: none;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.select2-search-choice-close {
    top: 7px!important;
}

.styled-select:before {
    content: "\f104";
    font: 15px "ionicons";
    background: white;
    position: absolute;
    pointer-events: none;
    color: #a59e9e;
    top: 1px;
    bottom: 1px;
    padding-right: 20px;
    padding-left: 5px;
    line-height: 1;
    text-align: center;
    right: 16px;
    width: 20px;
    z-index: 1;
    padding-top: 0.65em;
    height: 30px;
}


.styled-select.filter:before {
    content: ""!important;
    background: none!important;

}

.select2-drop-active {
    border-radius: 0px!important;
}

.select2-container{
    width: 100%;
}

.select2-container a.select2-choice {
    border-radius: 0px;
    border: 1px solid #cccccc;
    font-size: 14px!important;
}

.select2-arrow {
    display: none!important;
}

li.select2-no-results {
    background-color: #fff!important;
}

.no_padding .styled-select:before {
    right: 1px;
    top: 1px;
}

select:focus {
    border: 1px solid #1eabed;
    box-shadow:none !important;
}

*/

.highlighted {
    font-weight: bold;
}

#activities-for-review-tab {
    padding-right: 0px;
}

span.badge {
    background-color: #2996cc;
    margin-top: -12px;
}

.row.no-margin-row {
    margin-left: 0px;
    margin-right: 0px;
}

.top-scroll {
    overflow-x: scroll;
    overflow-y: hidden;
}
.top-scroll div {
    height: 15px;
}