:root {
    --light-green: #03ABA8;
    --light-grey: #f3f3f3;
    --very-light-grey: #f8f8f8;
    --dark-text: #163329;
    --light-text: #03ABA8;
    --light-color-background: #F3F9F8;
    --dark-green: #008886;
    --btn-hover: #01bfbc;
    --primary: #03aba8;
    --link-text:#03ABA8;
    --link-hover-text: #03ABA8;
    --subtitle-color-text: #88a180;
    --light-color-border: #EAF1FE;
    --icon-bg-color: #e9f3f2;
}

html, body {
    width: 100%;
}

body {
    padding-top: 50px;
    -webkit-font-smoothing: antialiased;
    color: var(--dark-text);
}

.main_block {
    background-color: #fff;
    margin-top: -10px;
    padding-top: 10px;
    padding-right: 15px;
    border: 1px solid var(--light-border);
    padding-left: 15px;
    min-height: 800px;
}

a {
    color: #259af4;
}

a:hover {
    text-decoration: none;
}

a:active {
    outline: none;
}

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

input[type="text"] {
    -webkit-appearance:none;  /* Remove default shadow */
}

.clickable {
    cursor: pointer;
}

/*NAV BAR STYLING*/

.nav_block {
    margin-left: 2.5%!important;
    margin-right: 2.5%!important;
    padding-left: 15px;
    padding-right: 10px;
}

.sub-nav-bar {
    background-color: var(--subtitle-text);
    min-height: 42px;
    border-radius: 0px;
    border: 0;
    padding-left: 20px;
    padding-right: 20px;
}

.fixed-top {
    width: 100%;
    position: fixed;
    z-index: 1001;
}

.sub-nav-bar li a {
    color: #d2d1d1 !important;
    font-weight: 500;
    padding-top: 10px;
    padding-bottom: 10px;
}

.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 {
    background-color: var(--subtitle-text)!important;
    color: #fff!important;
}

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

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

brand_small {
    font-size: 20px;
    font-weight: 400;
    padding-left: 24px;
    text-indent: 45px;
}

.navbar.navbar-default.navbar-fixed-top {
    background-color: var(--light-background);
    border-bottom-style: solid;
    border-bottom-color: var(--light-border);
    z-index: 1041;
}

i.ion-gear-a.settings_mobile {
    font-size: 22px;
    line-height: 24px;
    color: var(--subtitle-color-text);
    padding-right: 10px;
    position: relative;
    top: -2px;
}

/*search bar main*/

.search-bar-main {
    width: 100%!important;
    background: #fff;
    border: 1px solid var(--subtitle-text-color);
    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;
}

a.menu {
    color: #9fa9ad;
    font-size: 2em;
    padding-bottom: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

a.menu:hover {
    text-decoration: none;
    border-bottom: 2px solid #c8c7c7;
    cursor: pointer;
    box-shadow: none!important;
}

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;
}

/*Notifications*/

.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: bold;
}

.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;
}

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

.form-signin {
    max-width: 530px;
    padding: 15px 30px 48px;
    margin: 0 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;
    color: #80868a;
    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;
    padding: 10px;
    -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;
}

.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;
}

#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;
}

.credits {
    font-size: 11px;
    color: #8b8b8b !important;
    text-align: center;
    padding-top: 15px;
    display: block;
    clear: both;
}

.credits a {
    white-space: nowrap;
}

.footer_credits {
    font-size: 12px;
    padding-top: 5px;
    font-size: 11px;
    color: #8b8b8b !important;
    text-align: center;
    display: block;
    clear: both;
    padding-bottom: 1px;
}

#disclaimer {
    display: block;
    position: relative;
    max-width: 480px;
    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  =============== */

.dash-header {
    padding-top: 10px;
    padding-right: 20px;
}

/*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;
    padding-left: 18px;
    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: bold;
}

.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;
    width: 59%;
}

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

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

.btn-filter {
    padding: 3px 13px 3px 10px;
    font-size: 20px;
    margin-left: 2px;
    position: absolute;
    left: 246px;
    -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;
}

.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: #3ba8de;
    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) {
    .btn-filter {
        left: 185px;
    }
    .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) {
    .nav_block {
        padding-left: 10px;
    }
    .dash-header {
        padding-top: 0px;
        padding-right: 0px;
        margin-bottom: 10px;
    }
    .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;
    }

    .btn-filter {
        left: 185px;
    }

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

    #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;
    }

    .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;
    }

    .tool-bar {
        padding-right: 0px;
        width: 100%!important;
    }

    .tools {
        padding-right: 0px;
    }

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

    .col-md-5.sector_row_1 {
        padding-left: 15px;
    }

    .modal-dialog.modal-people-dimensions, .modal-dialog.modal-dimensions {
        box-sizing: border-box;
        width: 100%;
        padding: 5px;
    }

    .modal-footer > button.btn, .modal-footer > a.danger {
        padding: 9px;
        font-size: 12px;
    }

    .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;
    }

    .drawer {
        width: 80%;
        margin-left: -80%;
    }
}

/*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: bold;
    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_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: .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;
    margin-top: 6px;
}

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

.page-title {
    margin-top: 50px !important;
    font-weight: 700;
    font-size: 2em;
    text-transform: uppercase;
    margin-bottom: 1px;
    margin-top: 15px;
    padding-left: 30px;
    display: inline-block;
    line-height: 36px;
    white-space: nowrap;
    letter-spacing: -1px;
}

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

#partner_header {
    text-transform: uppercase;
}

.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%;
    }
}

/* =====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;
}

.location-donut .donut_center_title {
    font: .75em;
    font-weight: 400;
}

.sector-donut .donut_center_title {
    font: 0.65em;
}

/*Location Dash Style*/

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

.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;
}

.btn-default.page_tools {
    height: 36px;
    background-color: #fff;
    -moz-box-shadow: 0 1px #eaeaea;
    box-shadow: 0 1px #eaeaea;
    font-weight: 500;
    position: relative;
    top: 53px;
    left: 15px;
}

.page_tools_bottom {
    top: 0px!important;
}

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

/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {
    .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;
}

#donut_donors_type {
    text-align: center;
    padding-top: 10px;
}

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

#donut_donors_type {
    width: 80%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

#donut_donors_type svg {
    height: 50%;
    width: 50%;
}


/*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%)
}

/* Table Data Style*/

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

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

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

#table_data thead {
    border-top: 1px solid #e0e2e3;
    border-bottom: 1px solid #e0e2e3;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #fafafa));
    background-image: -webkit-linear-gradient(#ffffff 0%, #fafafa 100%);
    background-image: -moz-linear-gradient(#ffffff 0%, #fafafa 100%);
    background-image: -o-linear-gradient(#ffffff 0%, #fafafa 100%);
    background-image: linear-gradient(#ffffff 0%, #fafafa 100%);
    color: #9da2a6;
    font-weight: 500;
    font-size: 14px;
}

#table_data thead a {
    color: #fff;
    text-transform: uppercase;
    font-size: 10px;
}

#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: #3ba8de;
}

#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: #3ba8de;
}

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

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

.sorttable_sorted.headerSortDown:after {
    content: "\f104";
    font: 13px "ionicons";
    color: #3ba8de;
    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;
    }
}

@media only screen and (min-width: 768px) {
    ul.nav.navbar-nav.navbar-center {
        padding-left: 484px;
    }
}

.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: bold;
    -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: bold;
}

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%;
}

.prj_result {
    font-size: 15px;
    font-weight: bold;
    color: #3ba8de;
}

.prj_result:hover {
    color: #2190b9;
}

.search_result {
    padding-top: 5px;
}

.search_stats {
    border: none;
    font-size: 12px;
    color: #8e8989;
    padding-top: 0;
}

.prj_nmbr {
    font-size: .9em;
    position: relative;
    top: -2px;
    color: #747373;
}

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

.prj_org a {
    font-size: .9em;
    color: #747373;
}

.prj_nmbr a:hover, .prj_org a:hover {
    color: #3bafda;
}

.sidebarSubtitle {
    display: block;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 1.2;
    color: #7a838b;
    padding: 3px 15px;
    margin: 0 -15px 2px;
    font-weight: bold;
    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 {
    width: 400%;
    padding: 10px;
    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);
    opacity: 0;
    -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.bottom.in {
    left: 0;
    margin-bottom: 12px;
    -ms-transform: translate3d(0, 7px, 0);
    -webkit-transform: translate3d(0, 7px, 0);
    transform: translate3d(0, 7px, 0)
}

.popover.right.in {
    top: 0;
    left: 100%;
    margin-left: 18px;
    -ms-transform: translate3d(-7px, 0, 0);
    -webkit-transform: translate3d(-7px, 0, 0);
    transform: translate3d(-7px, 0, 0)
}

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

.popover.left.in {
    top: 0;
    right: 100%;
    margin-right: 18px;
    -ms-transform: translate3d(7px, 0, 0);
    -webkit-transform: translate3d(7px, 0, 0);
    transform: translate3d(7px, 0, 0)
}

.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: var(--subtitle-text);
}

.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.form-control, .textinput.textInput.form-control {
    font-size: 0.9em;
    border-color: #cbcccb;
    padding-left: 10px;
    border-width: 1px;
}

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";
}

/*anchored footer*/

/*FOOTER*/

.footer_editor {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 7%;
    padding-right: 7%;
    position: relative;
    z-index: 1;
    background-color: #393f45;
    min-height: 258px;
    padding-top: 72px;
    width: auto;
}

.footer_logo {
    width: 170px;
    position: relative;
    top: -30px;
}

.footer_title {
    text-transform: uppercase;
    color: #8b8b8b !important;
}

footer .footer_ul li {
    display: block;
    font-weight: 700;
    margin-bottom: 5px;
    text-align: right;
}

footer a {
    color: #fffcf5 !important;
    text-decoration: none;
}

footer a:hover {
    color: #98d4ec !important;
    cursor: pointer;
    text-decoration: none
}

footer a:visited {
    color: #a49e93;
    text-decoration: none;
}

footer a:visited:hover {
    color: #fffcf5
}

footer .copyright-info {
    display: inline-block;
    color: #fffcf5 !important;
    font-size: 16px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    display: block;
    font-size: 12px;
    padding: 30px 0;
    text-align: center;
}

.container-fluid.footer {
    margin-left: 2.5%!important;
    margin-right: 2.5%!important;
    padding-right: 10px;
    padding-left: 10px;
}

footer.data_entry {
    background-color: #f1f4f5!important;
    position: fixed;
    left: 0px;
    bottom: 0px;
    height: 55px;
    width: 100%;
    padding-top: 10px;
    border-top: 1px solid #dfdfdf;
    z-index: 1002;
}

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

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

.btn-default {
    display: inline-block;
    border: 1px solid #c2c7cc;
    border-radius: 3px;
    background-color: #fafafa;
    color: #85898c;
    text-align: center;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    font-weight: 500;
}

.btn-grey {
    height: 32px;
    padding: 0 1em;
    border-radius: 2px;
    background: #a3a5a6;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    font-weight: 500;
    -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    border-color: transparent;
}

.btn-grey.active,
.btn-grey:hover {
    background: #c2c7cc;
    border-color: transparent;
    color: #fff;
}

.btn-grey#import-iati-btn, .btn-add-new {
    margin-right: 10px;
    margin-top: 6px;
}

#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;
}

#deleteActivityModal {
    margin-top: 50px;
}

/*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;
}

.parsley-type, .parsley-pattern, .parsley-required {
    color: #D95C5C;
    padding: 2px 8px 2px 11px;
    font-size: 12px;
    margin-top: 5px;
}

.parsley-required:before {
    content: "\f101";
    font: 15px "ionicons";
    color: #D95C5C;
    position: relative;
    top: 1px;
    left: -8px;
}

.parsley-pattern:before {
    content: "\f143";
    font: 15px "ionicons";
    color: #D95C5C;
    position: relative;
    top: 1px;
    left: -8px;
}

.parsley-type:before {
    content: "\f143";
    font: 15px "ionicons";
    color: #D95C5C;
    position: relative;
    top: 1px;
    left: -8px;
}

/* ============ 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: default;
}

#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;
}

.label-default.label-draft {
    text-transform: uppercase;
    letter-spacing: 0;
    position: relative;
    top: -3px;
}

/*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: -1.0s;
    animation-delay: -1.0s;
}

.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.0)
    }
}

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

.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;
    }
    body {
        padding: 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;
    }
    .row.partner_logos {
        display: none;
    }
    #date-print {
        float: right;
        padding: 32px;
        padding-right: 0px;
        font-weight: 600;
    }
}

@media not print {
    .show-print {
        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;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    -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;
    font-family: inherit;
    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: .65;
}

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

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

.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;
}

.activity_card.media .media-body {
    display: inline-block;
    width: 80%;
    padding-left: 11px;
}

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

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

.editor_container {
    padding-top: 80px;
    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: bold;
}

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

.ion-ios-checkmark-outline {
    color: #3fb34f;
    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*/

.activity_card {
    border-radius: 0px;
    margin-top: 0;
    margin-bottom: 10px;
    max-height: 100%;
    border: 1px solid #d2d3d3;
    box-shadow: 0px 1px 0px rgba(210, 211, 211, 0.25);
    background: #fff;
    padding: 7px 7px 10px 20px;
}

.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;
}

.card_title {
    color: #3d454c;
}

.activity_card_id {
    font-size: 0.65em;
    position: relative;
    top: -4px;
    color: #7b8994;
}

.activity_card_modified {
    color: #767a7a;
    font-size: 0.65em;
    position: relative;
    top: -4px;
}

.activity_card_title {
    font-size: 0.95em;
    font-weight: 500;
    position: relative;
    top: -5px;
    color: #259af4;
}

.activity_card_expanded {
    font-size: 0.85em;
    color: #767a7a;
}

.see_more_card a {
    font-size: .75em;
    color: #7b8994;
    position: relative;
    top: -6px;
}

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

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

.activity_card_stats {
    font-size: 0.8em;
    color: #7b8994;
    margin-bottom: 0;
    padding-top: 6px;
    border-top: 1px solid #e5e5e5
}

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;
}

.activity_card_description {
    font-size: 0.85em;
    color: #767a7a;
    padding-bottom: 15px;
}

.section_lines {
    color: #767a7a;
    border-top: 1.5px solid #eeeeee;
    padding-top: 10px;
    padding-bottom: 5px;
}

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

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

.card_stats {
    font-size: 12px;
}

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

.card_icon_status i.ion-ios-list-outline {
    font-size: 18px;
    position: relative;
    top: -9px;
    left: -6px;
}

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

.card_icon_status.Draft::before {
    content: "Draft";
    font-size: 8.5px;
    color: #7b8994;
    position: relative;
    top: 24px;
    left: -9px;
}

.card_icon_status.IATI::before {
    content: "Importable";
    font-size: 8.5px;
    color: #7b8994;
    position: relative;
    top: 24px;
    left: -19px;
}

.card_icon_status::after {
    font: 17px "ionicons";
    position: relative;
    top: -38px;
    left: 7px;
}

.card_icon_status.Draft::after {
    content: "\f3a9";
    color: #a9b0b5;
    border-radius: 20px;
    background: #fff;
}

.card_icon_status.Published::after {
    content: "\f120";
    color: #25c781;
    border-radius: 20px;
    background: #fff;
}

.card_icon_status.IATI::after {
    content: "\f377";
    color: #a9b0b5;
    border-radius: 20px;
    background: #fff;
}

.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)!important;
    background-color: #f6f8fa!important;
    width: 30%;
    margin-left: -30%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
    z-index: 8;
    border-right: none!important;
}

.drawer-header {
    border-bottom: 1px solid #c2c7cc;
    margin-bottom: 25px;
}

.drawer-contents {
    padding-top: 61px;
    padding-left: 30px;
    padding-right: 30px;
}

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

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

.dashboard-filter-toggle, a.dashboard-filter-toggle {
    line-height: 1.3;
    padding: 0;
    font-weight: 500;
    color: #3d454d;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    font-size: 12px;
}

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

.dashboard-filter-list ul {
    padding-left: 25px;
    padding-top: 10px;
}

.dashboard-filter-list ul li {
    margin-bottom: 5px
}

.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*/

.o-form-box.query-builder {
    width: 97%;
}

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

.filter-side-panel {
    width: 80%;
    margin-left: 20%;
}

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

.all-filter-clear {
    color: #999;
    font-size: 12px;
    position: relative;
    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;
}

.add-filter-box {
    height: 64px;
    width: 95%;
    border: 2px dashed #86c5e5;
}

.add-filter-box a {
    color: #2996cc;
    font-weight: 700;
    vertical-align: middle !important;
}

/*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: 60px;
    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);
    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);
    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);
}

a.filter-column-select {
    padding-right: 30px;
    position: relative;
    top: -6px;
}

.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 {
    color: #d1cece;
}

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;
}

.form-item {
    min-width: inherit;
    border: none;
    margin-bottom: 1px;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #e2e1e1;
    width: 95%;
}

.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*/

.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: 5px;
    left: 1px;
}

.unsorted::after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #bebdbd;
    position: relative;
    top: -2px;
    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: #73777a;
    position: relative;
    top: -2px;
    left: -7px;
}

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

.sorted_down::after {
    content: "\f10d";
    font: 13px "ionicons";
    color: #ddd;
    position: relative;
    top: -2px;
    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
}

.key-stats-value {
    color: #3d454d;
    font-size: 20px;
}

.key-stats-label {
    color: #85898c;
    font-size: 14px;
}

.type-uppercase {
    text-transform: uppercase;
    letter-spacing: 1px
}

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

.query-table-head tr {
    background-color: #f2f4f5;
    color: #73777a;
    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 {
    border: 1px solid #e2e1e1!important;
    background: none!important;
    padding-left: 10px;
    padding-top: 10px;
}

.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 var(--light-text) !important;
    border-right: 1px solid var(--light-text) !important;
    border-bottom: 1px solid var(--light-text) !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 var(--light-text) !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;
}

.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-list-wrapper {
    margin-top: 20px;
}

.partner-board-item > a > p {
    word-break: break-word;
}

.partner_logos {
    margin: 1.25em auto 0 auto;
    text-align: center;
}

.partner_logo {
    padding: 1rem 2rem;
    margin-bottom: 1rem;
    height: 58px;
    display: inline-block;
    width: auto;
}

.partner_logo.square_logo {
    padding: 0 2rem;
}

.partner_logo:not(:last-child) {
    border-right: 1px solid grey;
}

.partner_logo img {
    height: 100%;
}

@media screen and (max-width: 668px) {
    .partner_logo:not(:last-child) {
        border: none;
    }
}

@media screen and (max-width:480px) {
    .partner_logo {
        height: 45px;
    }
}