/*
  AppUp brand theme — official color palette.

  Brand:
    Light blue     #689ECA  — logo accent ("Up"/arrow), brand details
    Darker blue    #3C78AA  — primary buttons, links, highlighted text
    Navy blue      #33455B  — footer, dark buttons, logo details
    Light green    #73D99C  — status indicators / decorative
    Darker green   #31B466  — green accent

  Surfaces / text:
    White             #FFFFFF  — cards; text on dark
    Near-white sky    #F7FBFE  — main page background
    Soft sky          #EAF4FB  — subtle section backgrounds\n    Grid header      #8EB8D6  — data table headers
    Border gray       #DAE0E7  — borders and dividers
    Dark text         #172436  — headings / body
    Muted text        #627084  — descriptions / secondary
*/

:root {
    --ap-blue: #689ECA;
    --ap-blue-deep: #3C78AA;
    --ap-navy: #33455B;
    --ap-green: #73D99C;
    --ap-green-deep: #31B466;
    --ap-white: #FFFFFF;
    --ap-sky: #F7FBFE;
    --ap-sky-soft: #EAF4FB;
    --ap-grid-header: #8EB8D6;
    --ap-border: #DAE0E7;
    --ap-text: #172436;
    --ap-text-muted: #627084;
}

html,
body,
body.notfound,
body.signin {
    background: #F7FBFE !important;
    color: #172436;
}

#preloader {
    background-color: #F7FBFE !important;
}

a {
    color: #3C78AA;
}

a:hover,
a:focus {
    color: #33455B;
}

.mainpanel,
.mainpanel1d {
    background: #F7FBFE !important;
    border-left-color: #DAE0E7 !important;
}

.headerbar {
    background: #FFFFFF !important;
    border-bottom: 1px solid #DAE0E7;
}

#middlecontent,
#showcontent {
    background-color: #F7FBFE !important;
}

.logopanel {
    background: #33455B !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.logopanel .appup-brand-logo {
    max-height: 42px;
    width: auto;
    max-width: 100%;
    cursor: pointer;
    display: block;
    vertical-align: middle;
}

.logopanel h1 span {
    color: #689ECA !important;
}

.leftpanel {
    background: #33455B !important;
    border-right: 1px solid #33455B;
}

.leftpanelinner {
    background: transparent !important;
}

.leftpanel .sidebartitle {
    color: #A8C9E4 !important;
}

.pageheader {
    background: transparent !important;
    border-top: 0 !important;
    border-bottom: 1px solid #F7FBFE !important;
}

.pageheader h2 {
    color: #172436 !important;
}

.pageheader .glyphicon,
.pageheader .fa {
    border-color: #689ECA !important;
    color: #3C78AA !important;
}

.pageheader h2 span {
    color: #627084 !important;
}

.contentpanel {
    background: transparent;
}

/* Cards */
.panel,
.well,
.signinpanel form,
.signinpanel .dvlogin,
.modal-content {
    background: #FFFFFF !important;
    border: 1px solid #DAE0E7 !important;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(51, 69, 91, 0.08) !important;
}

.well {
    background: #EAF4FB !important;
}

.panel .table,
.modal-content .table {
    box-shadow: none !important;
    border-radius: 8px !important;
}

.panel-heading,
.panel .panel-heading {
    background: transparent !important;
    border-bottom: 1px solid #DAE0E7 !important;
    border-radius: 12px 12px 0 0 !important;
    color: #172436 !important;
}

.panel-heading h4,
.panel-title {
    color: #172436 !important;
    letter-spacing: 0.02em;
}

.panel-footer {
    background: #EAF4FB !important;
    border-top: 1px solid #DAE0E7 !important;
    border-radius: 0 0 12px 12px !important;
}

.panel-dark .panel-heading {
    background-color: #33455B !important;
    color: #fff !important;
}

.panel-dark .panel-heading .panel-title {
    color: #fff !important;
}

/* Nav — navy menu bar */
.nav-bracket > li > a {
    color: #FFFFFF !important;
    border-radius: 10px;
}

.nav-bracket > li > a:hover,
.nav-bracket > li > a:active {
    background-color: rgba(104, 158, 202, 0.28) !important;
    color: #FFFFFF !important;
}

.nav-bracket > li.nav-parent > a:hover {
    background-color: rgba(104, 158, 202, 0.28) !important;
    color: #FFFFFF !important;
}

.nav-bracket > li.nav-active > a,
.nav-bracket > li.nav-active > a:hover {
    background-color: transparent !important;
    color: #FFFFFF !important;
    box-shadow: none !important;
}

.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus {
    background-color: #3C78AA !important;
    color: #fff !important;
    box-shadow: 0 3px 0 rgba(23, 36, 54, 0.35) !important;
}

.nav-bracket .children {
    background: rgba(23, 36, 54, 0.35) !important;
    border-bottom-color: rgba(255, 255, 255, 0.12) !important;
}

.nav-bracket .children > li > a {
    color: #DCEEF8 !important;
}

.nav-bracket .children > li > a:hover,
.nav-bracket .children > li > a:active,
.nav-bracket .children > li > a:focus {
    color: #689ECA !important;
    background: transparent !important;
}

.nav-bracket > li.active > a,
.nav-bracket > li.active > a:hover,
.nav-bracket > li.active > a:focus,
.nav-bracket > li.active > a span,
.nav-bracket > li.active > a i,
.nav-bracket > li.active > a b,
.nav-bracket .children > li.active > a,
.nav-bracket .children > li.active > a:hover,
.nav-bracket .children > li.active > a:active,
.nav-bracket .children > li.active > a:focus,
.nav-bracket .children > li.active > a i,
.nav-bracket .children > li.active > a b,
.nav-bracket .children > li.active > a span {
    color: #fff !important;
}

.nav-bracket .children > li.active > a {
    font-weight: bold;
    color: #689ECA !important;
}

.nav-bracket .children > li.active > a i,
.nav-bracket .children > li.active > a b,
.nav-bracket .children > li.active > a span {
    color: #689ECA !important;
}

#leftMenuAdvanceOptions {
    color: #689ECA !important;
}

.leftpanel .userlogged .media-object {
    border-color: #689ECA !important;
}

.leftpanel .userlogged .media-body h4,
.leftpanel .userlogged .media-body span {
    color: #FFFFFF !important;
}

.stickyheader .logopanel {
    background: #33455B !important;
}

.headermenu .dropdown-menu li a:hover {
    background: #3C78AA !important;
    color: #fff !important;
}

.headermenu .dropdown-menu-usermenu {
    background: #EAF4FB !important;
}

.navbar-default {
    background-color: #FFFFFF !important;
    border-color: #DAE0E7 !important;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > li > a:hover {
    background-color: #EAF4FB !important;
    color: #3C78AA !important;
}

/* Buttons */
.btn-success,
.btn-primary,
.btn1.btn-success {
    background-color: #3C78AA !important;
    border-color: #33455B !important;
    color: #fff !important;
    border-radius: 10px;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #33455B !important;
    border-color: #33455B !important;
    color: #fff !important;
}

.btn-danger {
    background-color: #C45B60 !important;
    border-color: #A8484C !important;
    color: #fff !important;
    border-radius: 10px;
}

.btn-default {
    background: #FFFFFF !important;
    border-color: #DAE0E7 !important;
    color: #33455B !important;
    border-radius: 10px;
}

.btn-default:hover,
.btn-default:focus {
    background: #EAF4FB !important;
    color: #3C78AA !important;
}

.toggle-success .toggle-slide.active {
    border-color: #31B466 !important;
}

.toggle-success .toggle-slide .toggle-on,
.toggle-success .toggle-select .toggle-inner .active {
    background: #31B466 !important;
}

.text-success {
    color: #31B466 !important;
}

/* Forms */
.form-control,
.chosen-container-single .chosen-single,
.select2-container .select2-choice {
    border-color: #DAE0E7 !important;
    border-radius: 10px !important;
    background-color: #FFFFFF !important;
    color: #172436 !important;
}

.form-control:focus {
    border-color: #689ECA !important;
    box-shadow: 0 0 0 3px rgba(104, 158, 202, 0.25) !important;
}

label.control-label {
    color: #172436 !important;
}

/* Tables — no grid lines; uniform row fill so scroll doesn't create false borders */
.panel-body,
#showcontent,
#showcontent #wrapper,
.dataTables_wrapper,
.table,
table.dataTable {
    background: #FFFFFF !important;
}

.table,
table.dataTable {
    border: none !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

.table > thead > tr > th,
.table > thead > tr > td,
.table > tbody > tr > th,
.table > tbody > tr > td,
.table > tfoot > tr > th,
.table > tfoot > tr > td,
.table-striped > tbody > tr > th,
.table-striped > tbody > tr > td,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td,
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tbody th,
table.dataTable tbody td,
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td,
.dataTables_wrapper table.dataTable tbody th,
.dataTables_wrapper table.dataTable tbody td {
    border: none !important;
    border-width: 0 !important;
    border-color: transparent !important;
    box-shadow: none !important;
    outline: none !important;
}

.table thead > tr > th,
.dataTable thead > tr > th,
table.dataTable thead th,
.table thead > tr > td {
    background-color: #8EB8D6 !important;
    color: #172436 !important;
}

.table thead > tr > th a,
.dataTable thead > tr > th a,
.table thead > tr > th i,
.dataTable thead > tr > th i {
    color: #172436 !important;
}

/* Same body row color (no zebra) — avoids fake “lines” between odd/even while scrolling */
.table > tbody > tr > td,
.table > tbody > tr > th,
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.table-striped > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
table.dataTable tbody td,
table.dataTable tbody th {
    background-color: #FFFFFF !important;
}

.dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .dataTables_scrollHead,
.dataTables_wrapper .dataTables_scrollHeadInner,
.dataTables_wrapper .dataTables_scrollBody,
.dataTables_wrapper .dataTables_scrollHead table,
.dataTables_wrapper .dataTables_scrollBody table {
    border: none !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_scrollHead {
    border-bottom: none !important;
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: #3C78AA !important;
    border-color: #3C78AA !important;
}

.pagination > li > a,
.pagination > li > span {
    color: #3C78AA !important;
}

/* Badges / labels */
.label-success,
.badge-success {
    background-color: #31B466 !important;
}

.badge-primary,
.label-primary {
    background-color: #689ECA !important;
}

.label-danger,
.badge-danger,
.ap-badge-critical {
    background-color: #FDECEC !important;
    color: #C45B60 !important;
    border: 1px solid #F59B9E !important;
    border-radius: 999px !important;
    font-weight: 600;
    letter-spacing: 0.02em;
    padding: 4px 10px !important;
}

.ap-kicker {
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 11px;
    color: #627084;
}

/* Dashboard stat tile fallbacks (page CSS may override) */
.bgBlue {
    background-color: #689ECA !important;
}

.bgGreen {
    background-color: #3C78AA !important;
}

.bgRed {
    background-color: #33455B !important;
}

.bgGray {
    background: #EAF4FB !important;
}

.panel-stat .panel-heading,
#dash_boxes .panel-heading {
    border-bottom: 0 !important;
    border-radius: 12px !important;
    color: #fff !important;
}

#dash_boxes .panel-heading h1,
#dash_boxes .panel-heading h4,
#dash_boxes .panel-heading .stat-label,
#dash_boxes .col-xs-4 h4 a,
#dash_boxes .col-xs-4 h4 a:hover {
    color: #fff !important;
}

.dashboard-tbl table tr:nth-child(even) td:nth-child(4),
.dashboard-tbl table tr:nth-child(even) td:nth-child(2),
.dashboard-tbl table tr:nth-child(odd) td:nth-child(4),
.dashboard-tbl table tr:nth-child(odd) td:nth-child(2) {
    background: #FFFFFF !important;
    border: none !important;
}

/* Datepicker / misc */
.ui-datepicker-calendar thead {
    background-color: #3C78AA !important;
}

.ui-state-hover,
.ui-state-active {
    background-color: #689ECA !important;
    color: #fff !important;
}

.dvTopFotter {
    background: #33455B !important;
}

.dvBotFotter {
    background: #33455B !important;
}

.modal-header {
    background: #EAF4FB;
    border-bottom: 1px solid #DAE0E7;
    border-radius: 12px 12px 0 0;
    color: #172436;
}

.alert-success {
    background-color: rgba(115, 217, 156, 0.2) !important;
    border-color: #73D99C !important;
    color: #31B466 !important;
}

.alert-danger {
    background-color: #FDECEC !important;
    border-color: #F59B9E !important;
    color: #8A3A3E !important;
}

.progress-bar,
.progress-bar-success {
    background-color: #31B466 !important;
}

.progress-bar-warning {
    background-color: #689ECA !important;
}

.progress-bar-danger {
    background-color: #E53935 !important;
}

.progress-bar-secondary,
.progress-bar-secondary1 {
    background-color: #d7d973 !important;
}

.progress-bar-secondary1 {
    background-color: #999999 !important;
}

/* Login / registration */
.signinpanel {
    padding-top: 24px;
}

.signinpanel form,
.signinpanel .dvlogin {
    background: #FFFFFF !important;
}

body.signin .container,
.body-content {
    background: transparent;
}

/* DataTables pagination */
.dataTables_wrapper .dataTables_paginate .paginate_active,
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
    background: #3C78AA !important;
    border-color: #3C78AA !important;
    color: #fff !important;
}

#showcontent #wrapper {
    clear: both;
    padding-top: 16px;
    background: #FFFFFF !important;
}