:root {
    --narada-color: #214a60;
    --narada-color-darker: #0b354b;
}

html,
body {
    height: 100%;
}

.app_header_logo {
    width: 170px;
}

.app_header_bg {
    background-color: var(--narada-color);
}

.app_header_color {
    color: var(--narada-color);
}

.app_header_font {
    font-family: "Open Sans Condensed", sans-serif !important;
}

/* Narada colored buttons */
.btn-narada {
    background-color: var(--narada-color);
    border: var(--narada-color) 1px solid;
    color: white;
}

.btn-narada:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline.active {
    border: var(--narada-color) 1px solid;
    background-color: var(--narada-color-darker);
    color: white;
}

.btn-outline-narada {
    color: var(--narada-color);
    background-color: #ffffff;
    border-color: var(--narada-color);
    font-weight: bold;
}

.btn-outline:hover,
.btn-outline:active,
.btn-outline:focus,
.btn-outline.active {
    background: var(--narada-color);
    color: #ffffff;
    border-color: var(--narada-color);
}


/* paginator */
ul.pagination .page-item .page-link{
    color: var(--narada-color);
}
ul.pagination .active .page-link {
    color: white;
    background-color: var(--narada-color);
    border-color: var(--narada-color-darker);
}
.pagination_column_header a {
    color: var(--narada-color) !important;
}
.pagination_column_header span {
    float: none !important;
}