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


hr {
    border-top: 1px solid var(--light-border);
    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: var(--link-hover-text);
    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: var(--link-hover-text);
    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 var(--light-border);
    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 var(--light-border);
    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: var(--light-color-background);
    margin-left: 0px;
    margin-right: 0px;
}

.footer_credits {
    background-color: var(--dark-text);
    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 var(--light-border);
    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 var(--link-hover-text);
    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-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: var(--dark-text);
    }

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

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

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

.big_count_header {
    color: #8096A1;
    font-family: 'Avenir';
    font-size: 15px;
    letter-spacing: 0;
    line-height: 18px;
}

.big_count {
    font-weight: 600;
    margin: 6px auto 0;
    text-align: right;
    font-size: 2.5em;
    line-height: 60px;
    color: var(--dark-text);
    display: flex;
    flex-direction: row;
}

.big_count.zero {
    color: #bdbaba;
}

.count_block {
    width: 60%;
    margin: auto;
    text-align: right;
    display: flex;
    flex-direction: column;
}

#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, .big_percent {
    padding-right: 3px;
    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;
    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;
}

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

/*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.section-title {
    font-weight: 800;
    margin-top: 0px;
    padding-top: 0px;
}

#table_data {
    font-size: 14px;
    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;
}

#table_data td.title-cell {
    font-weight: 600;
}

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 var(--light-border);
}

.filter-panel {
    height: 100%;
    background-color: #f2f1f0;
    padding-top: 32px;
    padding-bottom: 40px;
    padding-left: 40px;
    border-right: 1px solid var(--light-border);
    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 var(--light-border);
}

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 var(--light-border);
    padding-top: 20px;
}

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

dt.filter_title {
    font-size: 12px;
    text-transform: uppercase;
    color: var(--subtitle-color-text);
    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: var(--subtitle-color-text);
    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 var(--light-border);
    margin-top: 0;
}

.results-panel p {
    font-size: 15px;
    color: var(--subtitle-color-text);
    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 var(--light-border);
    text-transform: uppercase;
    color: #666;
    font-size: 12px;
    margin-bottom: 20px;
}

a.filter_toggle:hover {
    text-decoration: none;
    color: var(--link-hover-text);
    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 var(--light-border);
}

.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 var(--light-border);
    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 var(--light-border);
    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;
}

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

    .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: .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: .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 var(--light-border);
    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: var(--light-background);
    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: var(--light-color-background) !important;
    border-color: var(--light-border);
    color: var(--link-text) !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: 200px;
    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: var(--subtitle-color-text);
    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: var(--subtitle-color-text);
    font-weight: normal;
    font-size: 16px;
}

a.back-arrow {
    color: var(--link-text);
}


/*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: var(--link-text);
    -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 var(--light-border);
    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: var(--link-text) !important;
    background: #e4f2fd !important;
    background: none!important;
    border-radius: 0px;
    border-left: none;
    border-right: none;
    border-top: none;
    border-bottom: 3px solid var(--link-text);
}

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 var(--link-text);
}

/*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: var(--link-text);
}

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 var(--light-border);
    padding-left: 15px;
}

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

.filter-summary-list li a:hover {
    background: none;
    color: var(--link-hover-text)!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: var(--link-text);
    -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: var(--link-hover-text);
    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%;
}

.highlighted {
    font-weight:bold;
}


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

span.badge {
    background-color: var(--link-hover-text);
    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;}