/* put your own styles to customize and override the theme */

div.navigation div.navigation-row div.navigation-buttons span {
    color: #fff;
}

    div.navigation div.navigation-row div.navigation-buttons span.active {
        color: #346cb0;
    }

    div.navigation div.navigation-row div.navigation-buttons span.disabled {
        color: #666;
    }

    div.navigation div.navigation-row div.navigation-buttons span svg {
        fill: #fff;
        stroke: #fff;
    }

    div.navigation div.navigation-row div.navigation-buttons span.disabled svg {
        fill: #666;
        stroke: #666;
    }

div .dashboard-component {
    color: #fff;
}

    div.dashboard-component a {
        color: #fff;
    }

svg.svgicon {
    fill: #4a7bb8;
    stroke: #4a7bb8;
}

span.database-table-info {
    color: #4a7bb8;
}

a.expandlinkinline {
    color: #fff;
}

span.database-columntype-info {
    color: #4a7bb8;
    margin-left: 10px;
}

    span.database-columntype-info.number {
        color: red;
    }

    span.database-columntype-info.date {
        color: #009900;
    }

svg.number {
    fill: red;
    stroke: red;
}

svg.date {
    fill: #009900;
    stroke: #009900;
}

svg.svgicon.svg-icon-warning {
    fill: #f6c301;
    stroke: #f6c301;
}

svg.svgicon.svg-icon-alert {
    fill: red;
    stroke: red;
}

.surveillance-warning {
    color: #f7c800;
    font-weight: 500;
}

div.page-inner table,
div.page-inner table th,
div.page-inner table td {
    border-color: #fff;
}

.modal-content span.close {
    color: #fff;
    font-size: 28pt;
    font-weight: bold;
}

    .modal-content span.close:hover,
    .modal-content span.close:focus {
        color: #eee;
        text-decoration: none;
        cursor: pointer;
    }

select#input-dropdown option {
    color: #fff;
}

svg.svg-icon-filter {
    fill: none;
    stroke: white;
}

svg.svg-icon-filter-filled {
    fill: white;
    stroke: white;
}

svg.svgicon.svg-icon.orderby-icon path.up {
    stroke: white;
    fill: white;
}

    svg.svgicon.svg-icon.orderby-icon path.up:hover {
        stroke: #990000;
        fill: #990000;
    }

svg.svgicon.svg-icon.orderby-icon path.down {
    stroke: white;
    fill: white;
}

    svg.svgicon.svg-icon.orderby-icon path.down:hover {
        stroke: #990000;
        fill: #990000;
    }

svg.svgicon.svg-icon.orderby-icon-up path.up {
    stroke: white;
    fill: white;
}

    svg.svgicon.svg-icon.orderby-icon-up path.up:hover {
        stroke: #990000;
        fill: #990000;
    }

svg.svgicon.svg-icon.orderby-icon-down path.down {
    stroke: white;
    fill: white;
}

    svg.svgicon.svg-icon.orderby-icon-down path.down:hover {
        stroke: #990000;
        fill: #990000;
    }

th > span.table-header span.table-header-orderby a.orderby-descending-link-with-icon svg,
th > span.table-header span.table-header-orderby a.orderby-ascending-link-with-icon svg {
    fill: white;
    stroke: white;
}

    th > span.table-header span.table-header-orderby a.orderby-descending-link-with-icon svg.selected,
    th > span.table-header span.table-header-orderby a.orderby-ascending-link-with-icon svg.selected {
        fill: #346CB0;
        stroke: #346CB0;
    }

th > span.table-header span.table-header-orderby a.orderby-descending-link-with-icon:hover svg,
th > span.table-header span.table-header-orderby a.orderby-ascending-link-with-icon:hover svg {
    fill: #FFCC00;
    stroke: #FFCC00;
    cursor: pointer;
}

div table.table.datatable tbody tr td button.table-button-primary.tr-highlighted-only {
    background-color: transparent;
    color: white;
}

.selectpicker-dropdown,
.selectpicker-dropdown option {
    color: white;
}

.select2-container--default,
.select2-selection--multiple,
.select2-selection__rendered,
.select2-search__field {
    background-color: #2D2D3F;
}

.select2-results__options {
    background-color: #2D2D3F;
}

.select2-dropdown {
    background-color: #2D2D3F;
}

.select2-selection__choice {
    background-color: #2D2D3F;
}

.select2-results__option,
.select2-results__option--highlighted {
    background-color: #2D2D3F;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #3867DB;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #3867DB;
    margin-right: 15px;
}

div.service-registration-modal select option {
    color: #fff;
}

div.service-registration-modal span.select2-selection--multiple {
    background-color: #2E2D3F;
}

table.applicants tbody tr:hover,
table.bike-addons tbody tr:hover {
    background-color: #333333;
}

table.applicants tbody tr td:hover,
table.bike-addons tbody tr td:hover {
    background-color: #444444;
}

table.table-hover-blue tbody tr:hover
{
    background-color: cornflowerblue;
}

table.table-hover-red tbody tr:hover
{
    background-color: #B76BA3;
}

div.modal-content {
    background-color: #000;
    border: solid 2px #fff;
}

.hover-content {
    background: #2d2d3f;
}