:root {
    --primary-color: #0b456e;
    --secondary-color: #4d7496;
    --accent: #d9d9d9;
    --light-background: #f8f8f8;
    --success-color: #5cb85c;
}

#sidebar ul#nav li a {
    display: block;
    position: relative;
    margin: 0;
    border: 0;
    padding: 15px 15px;
    padding-left: 20px;
    color: #1d1d1d;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

.navbar {
    background: var(--light-background);
    border-bottom-color: var(--primary-color);
}

.btn, .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ColVis_MasterButton, .fc-state-default {
    background: var(--light-background);
}

.login {
    background: var(--primary-color);
}

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #666666;
}

.dropdown-menu.extended li.footer a:hover {
    background-color: #666666;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    border-color: var(--secondary-color);
}

select.form-control:focus,
textarea.form-control:focus {
    border-color: var(--primary-color);
}


a.list-group-item.active {
    border-color: #004aab;
    background-color: var(--primary-color);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: var(--secondary-color);
    border-color: var(--primary-color);
}

.tabbable-custom > .nav-tabs > li.active {
    border-top-color: var(--primary-color);
}

.tabs-below.tabbable-custom > .nav-tabs li.active {
    border-bottom-color: var(--primary-color);
}

.tabs-left.tabbable-custom > .nav-tabs li.active {
    border-left-color: var(--primary-color);
}

.tabs-right.tabbable-custom > .nav-tabs li.active {
    border-right-color: var(--primary-color);
}

a {
    color: var(--primary-color);
}

    a:hover, a:focus {
        color: var(--primary-color);
    }

.login .box {
    border-top-color: var(--primary-color);
}

    .login .box .input-icon input {
        border-left-color: var(--primary-color);
    }

    .login .box .inner-box a:hover {
        color: var(--primary-color);
    }

.login .footer a:hover {
    color: var(--primary-color);
}

.group-controls a:active, .group-controls a:hover {
    color: var(--primary-color);
}

.table-hover > tbody > tr > td[colspan]:not([rowspan]) {
    color: var(--primary-color);
}

.report-tip, .report-tip:visited, .report-tip:hover, .report-tip:active, .report-tip:focus {
    border-bottom-color: var(--primary-color);
}


/* Plugins */

.has-switch span.switch-success {
    background-color: var(--primary-color);
    background-image: -moz-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(var(--primary-color)), to(var(--primary-color)));
    background-image: -webkit-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: -o-linear-gradient(top, var(--primary-color), var(--primary-color));
    background-image: linear-gradient(to bottom, var(--primary-color), var(--primary-color));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff94b86e', endColorstr='#ff94b86e', GradientType=0);
    border-color: var(--primary-color) var(--primary-color) var(--secondary-color);
}

.form-wizard .steps li.done .step .number {
    background-color: var(--primary-color);
    border-color: #003e9f;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: var(--primary-color);
}

.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
    background: var(--primary-color);
}

.ui-slider .ui-slider-range {
    background-color: var(--primary-color);
    border-top-color: #003e9f;
    border-bottom-color: #003e9f;
}

.ui-datepicker .ui-datepicker-header {
    background-color: var(--primary-color);
}

.ui-datepicker td .ui-state-active {
    background-color: var(--primary-color) !important;
}

.ui-datepicker td .ui-state-hover {
    background-color: var(--primary-color);
}

.dd-handle:hover {
    color: var(--primary-color);
}

.dd-empty {
    background: #7fd6ff;
    border-color: var(--primary-color);
}

.dd3-content:hover {
    color: var(--primary-color);
}

#nprogress .spinner-icon {
    border-top-color: var(--primary-color);
    border-left-color: var(--primary-color);
}

.login #nprogress .bar {
    background: var(--primary-color);
}

.login #nprogress .peg {
    box-shadow: 0 0 10px var(--primary-color), 0 0 5px var(--primary-color);
}

.picker__input.picker__input--active {
    border-color: var(--primary-color);
}

.picker__select--month:focus, .picker__select--year:focus {
    border-color: var(--primary-color);
}

.picker__nav--prev:hover, .picker__nav--next:hover {
    background: #4da4ff;
}

.picker__day--today {
    color: var(--primary-color);
}

    .picker__day--today:before {
        border-top-color: #000b6c;
    }

.picker__day--selected, .picker__day--selected:hover {
    border-color: var(--primary-color);
}

.picker__day--highlighted {
    background: #4da4ff;
}

.picker__day--infocus:hover, .picker__day--outfocus:hover {
    background: #4da4ff;
}

.picker__day--highlighted:hover, .picker--focused .picker__day--highlighted {
    background: var(--primary-color);
}

.picker__button--today:hover, .picker__button--clear:hover {
    background: #4da4ff;
    border-bottom-color: #4da4ff;
}

.picker__button--today:focus, .picker__button--clear:focus {
    background: #4da4ff;
    border-color: var(--primary-color);
}

.picker__button--today:before {
    border-top-color: #000b6c;
}

.picker__list-item:hover {
    background: #4da4ff;
    border-color: var(--primary-color);
}

.picker__list-item--selected, .picker__list-item--selected:hover {
    border-color: var(--primary-color);
}

.picker__list-item--highlighted {
    background: #4da4ff;
}

    .picker__list-item--highlighted:hover, .picker--focused .picker__list-item--highlighted {
        background: var(--primary-color);
    }

.picker--time .picker__button--clear:hover, .picker--time .picker__button--clear:focus {
    background: #4da4ff;
}

.select2-drop-active {
    border-color: var(--accent);
}

.select2-drop.select2-drop-above.select2-drop-active {
    border-top-color: var(--accent);
}

.select2-container-active .select2-choice, .select2-container-active .select2-choices {
    border-color: var(--primary-color);
}

.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
    border-color: var(--primary-color);
}

.select2-container-multi.select2-container-active .select2-choices {
    border-color: var(--primary-color);
}

.tt-suggestion.tt-is-under-cursor {
    background-color: var(--primary-color);
}


/* Responsible */

@media (max-width: 767px) {
    .navbar .container .nav > li > .dropdown-menu.extended > li > a:hover {
        background-color: var(--primary-color);
    }

    #sidebar ul#nav > li.current > a {
        border-right-color: #1a71d2;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    #sidebar ul#nav > li.current > a {
        border-right-color: #1a71d2;
    }
}


.crumbs .breadcrumb li a:hover {
    color: var(--primary-color);
}

#sidebar .notifications li a:hover {
    color: var(--primary-color);
}

.select2-results .select2-highlighted {
    background: var(--primary-color);
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
    background: var(--primary-color);
}

.navbar .divider-vertical {
    border-left-color: var(--primary-color);
}

.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
    background: var(--primary-color);
}


.dropdown-menu.extended li p {
    background-color: var(--primary-color);
}

.navbar .nav > li:active, .navbar .nav li.dropdown.open > .dropdown-toggle,
.navbar .nav li.dropdown.active > .dropdown-toggle,
.navbar .nav li.dropdown.open.active > .dropdown-toggle,
.navbar .toggle-sidebar:active {
    background: var(--primary-color);
}

.project-switcher {
    background-color: var(--primary-color);
}

/* Buttons */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ColVis_MasterButton, .fc-state-default {
    background-color: var(--accent);
}

.btn-primary, .modal-footer .btn-warning {
    background-color: var(--primary-color);
    color: #fff !important
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
        background-color: var(--secondary-color) !important;
    }


    .btn-primary.disabled, .btn-primary.btn[disabled] {
        background-color: #035aa7;
    }

.btn-default, .navbar .input-group-btn .btn-default {
    background-color: var(--accent)
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #004d9a;
}


.btn-success {
    background-color: #51a351;
}

    .btn-success:hover, .btn-success:focus {
        background-color: #5eaf5e;
    }

    .btn-success:active, .btn-success.active {
        background-color: #499249;
        border-top-color: #274e27;
    }

    .btn-success.disabled, .btn-success.btn[disabled] {
        background-color: #51a351;
    }

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #499249;
}


.btn-info {
    background-color: #2f96b4;
}

    .btn-info:hover, .btn-info:focus {
        background-color: #34a7c8;
    }

    .btn-info:active, .btn-info.active {
        background-color: #2a85a0;
        border-top-color: #15424f;
    }

    .btn-info.disabled, .btn-info.btn[disabled] {
        background-color: #2f96b4;
    }

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2a85a0;
}


.btn-warning {
    background-color: var(--primary-color);
}

    .btn-warning:hover, .btn-warning:focus {
        background-color: var(--secondary-color) !important;
    }

    .btn-warning:active, .btn-warning.active {
        background-color: #df8505;
        border-top-color: #7c4a03;
    }

    .btn-warning.disabled, .btn-warning.btn[disabled] {
        background-color: var(--primary-color);
    }

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #df8505;
}


.btn-danger {
    background-color: #bd362f;
}

    .btn-danger:hover, .btn-danger:focus {
        background-color: #ce3f38;
    }

    .btn-danger:active, .btn-danger.active {
        background-color: #a9302a;
        border-top-color: #571916;
    }

    .btn-danger.disabled, .btn-danger.btn[disabled] {
        background-color: #bd362f;
    }

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #a9302a;
}

/* Alerts */

.alert-success {
    color: var(--primary-color);
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

    .alert-success hr {
        border-top-color: #c9e2b3;
    }

    .alert-success .alert-link {
        color: #356635;
    }

.alert-info {
    color: var(--secondary-color);
    background-color: var(--accent);
    border-color: var(--secondary-color);
}

    .alert-info hr {
        border-top-color: #a6e1ec;
    }

    .alert-info .alert-link {
        color: #2d6987;
    }

.alert-warning {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #fbeed5;
}

    .alert-warning hr {
        border-top-color: #f8e5be;
    }

    .alert-warning .alert-link {
        color: #a47e3c;
    }

.alert-danger {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}

    .alert-danger hr {
        border-top-color: #e6c1c7;
    }

    .alert-danger .alert-link {
        color: #953b39;
    }

/* Labels and Badges */

.label-Pending {
    background-color: #428bca;
}

.label-Active, .label-Defined, .badge-success, .label-success, .navbar .nav > li > a .badge.badge-success {
    background-color: var(--success-color);
}

.label-Suspended, .badge-danger, .label-danger, .navbar .nav > li > a .badge.badge-danger {
    background-color: #d9534f;
}

.label-Inherited {
    background-color: #f0ad4e;
}

.form-title {
    color: var(--primary-color);
    font-weight: bold;
}

label[for="email"] {
    color: var(--primary-color);
    font-weight: bold;
}

label[for="password"] {
    color: var(--primary-color);
    font-weight: bold;
}

.login .box {
    border-top-color: var(--primary-color);
}

.request-access {
    -webkit-text-fill-color: white;
}

.login .box .inner-box a {
    font-size: 12px;
    color: var(--primary-color);
    font-weight: bold;
}

.login .box .form-title {
    text-align: center;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 25px;
}

.ja_red_apc {
    background: var(--primary-color) !important;
}

.ja_btn_logout_apc {
    background: var(--primary-color) !important;
    color: #fff;
    border-radius: 0 !important;
    font-weight: normal;
    font-size: 13px;
}


.btn.disabled,
.ui-state-default.disabled,
.ui-widget-content .ui-state-default.disabled,
.ui-widget-header .ui-state-default.disabled,
.ColVis_MasterButton.disabled,
.fc-state-default.disabled,
.btn.btn[disabled],
.ui-state-default.btn[disabled],
.ui-widget-content .ui-state-default.btn[disabled],
.ui-widget-header .ui-state-default.btn[disabled],
.ColVis_MasterButton.btn[disabled],
.fc-state-default.btn[disabled] {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    opacity: unset;
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-top: 1px solid rgba(0, 0, 0, 0.13);
}

.btn.btn[disabled] {
    border: 1px solid var(--primary-color);
}

.quick-search-icon {
    color: white;
}

button.close {
    color: var(--secondary-color);
    padding: 0px;
}

.sk-bounce > div {
    background-color: #000;
}

#holdon-overlay {
    opacity: 0.5;
}

/* Ema's Edits */
.crumbs .breadcrumb li a, a, a:link {
    color: var(--primary-color);
    text-shadow: none;
}

.crumbs .breadcrumb li a {
    text-transform: capitalize;
}

#sidebar ul#nav li a {
    color: var(--primary-color);
    text-shadow: none;
    text-transform: uppercase;
}

    #sidebar ul#nav li a i {
        color: var(--primary-color);
    }

#sidebar {
    background: var(--light-background)
}

    #sidebar ul#nav > li.current, #sidebar ul#nav > .open, #sidebar ul#nav li a:hover, #sidebar ul#nav li a:active, #sidebar ul#nav li a:focus, #sidebar ul#nav ul.sub-menu li.current {
        background: #fdfdfd;
    }

.input-group-addon {
    background: var(--primary-color);
}

#sidebar ul#nav > li.current > a {
    border-right-color: var(--primary-color);
}

#sidebar .resizeable {
    cursor: col-resize;
    background-color: var(--accent) !important;
}

#sidebar #divider {
    border-left: 1px solid var(--accent);
    border-right: 1px solid var(--accent);
}

.crumbs {
    background: var(--light-background);
    border-bottom: 1px solid var(--accent);
}

#sidebar ul#nav li {
    border-bottom: 1px solid var(--accent);
}

.breadcrumb {
    background: none !important
}

.page-title h3 {
    color: var(--primary-color);
    font-weight: 400;
    font-size: 20px;
}

.widget.box .widget-header {
    background: var(--light-background);
    border-bottom-color: var(--accent);
}

.widget.box {
    border: 1px solid var(--accent);
}

.widget .widget-header h4, .widget .widget-header h4 i, .modal-title {
    color: var(--primary-color);
}

.modal-content {
    box-shadow: 0 1px 3px rgb(210 234 225);
    border-bottom-color: rgb(210 234 225);
    border: 1px solid rgb(210 234 225);
}

.modal-header {
    background-color: var(--light-background);
    border-bottom: 1px solid var(--accent);
    color: var(--secondary-color);
}

.statbox .pull-left img {
    visibility: hidden;
    display: none
}

.widget-content .more {
    margin: 10px;
    background: var(--primary-color);
    opacity: 1;
    color: #fff;
    text-align: center;
}

.statbox .title, .statbox .value {
    text-align: center;
    padding-right: 3px;
    text-transform: capitalize;
    font-size: 20px;
    color: var(--primary-color);
}

.table-bordered, .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border: 1px solid var(--accent);
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th, .table-hover > tbody > tr > td[colspan]:not([rowspan]) {
    background-color: var(--light-background) 54;
}

.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th {
    background-color: var(--light-background);
}

.input-group-addon, .form-control {
    border: 1px solid var(--accent);
}

thead {
    background-color: var(--primary-color);
    color: white;
}

    thead tr th {
        font-weight: 300
    }

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 1px solid var(--accent);
}

.table thead > tr > th {
    border-bottom: 1px solid var(--accent);
}

.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td {
    color: #fff;
}

#sidebar ul#nav ul.sub-menu, #sidebar ul#nav ul.sub-menu a:active {
    background: var(--light-background);
}

    #sidebar ul#nav ul.sub-menu li:first-child > a {
        -webkit-box-shadow: 0 1px 1px var(--primary-color) inset;
        -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) inset;
        box-shadow: 0 1px 1px var(--primary-color) inset;
    }

.select2-container .select2-choice, .select2-container-multi .select2-choices, .select2-container-multi .select2-choices .select2-search-choice {
    border: 1px solid var(--accent);
}

.pagination > .disabled > span, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    border-color: var(--accent);
}

.pagination > li > a, .pagination > li > span {
    border: 1px solid var(--accent);
}

    .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
        background: var(--accent)
    }


.btn:hover, .ui-state-default:hover, .ui-widget-content .ui-state-default:hover, .ui-widget-header .ui-state-default:hover, .ColVis_MasterButton:hover, .fc-state-default:hover, .btn:focus, .ui-state-default:focus, .ui-widget-content .ui-state-default:focus, .ui-widget-header .ui-state-default:focus, .ColVis_MasterButton:focus, .fc-state-default:focus {
    background-color: var(--secondary-color);
}

.navbar .toggle-sidebar {
    color: var(--primary-color);
}

navbar .toggle-sidebar:active {
    background: none !important
}

.navbar .nav > li > a, .navbar-text {
    color: var(--primary-color);
    text-shadow: none !important;
    font-weight: normal
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: var(--light-background);
}

.form-control, .widget.box.box-shadow {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
}

.select2-drop {
    z-index: 9999999;
}

.login {
    background-color: var(--light-background);
}

    .login .copyright {
        color: #0B456E
    }

.crumbs .breadcrumb li i {
    color: var(--primary-color);
}

.navbar .nav > li, .navbar .nav > li:first-child, .crumbs .crumb-buttons > li > a {
    border: none
}

.nav-tabs > li.active > a, .nav-tabs > li > a, .nav-tabs > li > a:hover {
    border-color: var(--accent);
    border-style: solid;
    border-width: 1px 1px 0 1px
}

.tabbable-custom > .nav-tabs > li > a:hover, .tabbable-custom > .nav-tabs > li > a:active, .form-actions {
    background-color: var(--light-background);
}

.form-actions {
    border-top: 1px solid var(--accent)
}

.card > .card-header, .ColVis.TableTools, .ColVis_MasterButton, .ColVis_MasterButton:active, .ColVis_MasterButton:hover, .ColVis_MasterButton:focus, .ColVis_collection, .ColVis_collection .ColVis_Button {
    background-color: var(--accent) !important;
    color: var(--primary-color) !important;
}

.form-control:valid + .form-control-placeholder {
    color: var(--p)
}

.row.confirm_reciept {
    background-color: var(--secondary-color);
}

.modal-body input, .modal-body textarea {
    border: 1px solid var(--accent) !important;
}

.modal-content {
    border: none !important;
    box-shadow: none;
}

.eligible_amt {
    color: var(--secondary-color);
    ;
}

.modal-footer {
    margin: 0 auto;
    width: auto;
    display: table;
}

.confirmation_window .modal-dialog {
    max-width: 650px;
    width: auto
}

.bootbox-body .right_align {
    text-align: left
}

p.right_align {
    text-align: right !important;
}

tbody tr.checked td {
    background-color: rgb(239 245 242);
}

.tabbable-custom > .tab-content {
    background-color: #fff;
    border: 1px solid var(--accent);
}

@media (max-width: 767px) {
    .right_align {
        text-align: left;
    }
}

table.table thead .sorting {
    background: url('../../../plugins/datatables/img/sort_both_white.png') no-repeat center right;
}

table.table thead .sorting_asc {
    background: url('../../../plugins/datatables/img/sort_asc_white.png') no-repeat center right;
}

table.table thead .sorting_desc {
    background: url('../../../plugins/datatables/img/sort_desc_white.png') no-repeat center right;
}

table.table thead .sorting_asc_disabled {
    background: url('../../../plugins/datatables/img/sort_asc_disabled_white.png') no-repeat center right;
}

table.table thead .sorting_desc_disabled {
    background: url('../../../plugins/datatables/img/sort_desc_disabled_white.png') no-repeat center right;
}

/*Reports */
.range_inputs .btn-primary {
    background-color: var(--primary-color);
}

.transactionsearchform .bs-tooltip {
    margin-left: 0 !important;
    color: var(--light-background);
}

.transactionsearchform a.bs-tooltip, .ColVis_MasterButton, .ColVis_MasterButton:active, .ColVis_MasterButton:hover, .ColVis_MasterButton:focus {
    background-color: var(--accent);
    color: var(--primary-color);
    border: 1px solid var(--primary-color) !important;
}

.control-value > a {
    text-transform: none;
}

.has-success .form-control {
    border-color: var(--accent);
}

#sidebar ul#nav ul.sub-menu li.current {
    background: #deedfc;
}