/*
 * OpenES application palette.
 * Primary order: professional blue, steel blue, cool grays, soft black.
 */

:root {
	--oe-brand: #1f5f99;
	--oe-brand-2: #4b6f91;
	--oe-brand-dark: #173a5e;
	--oe-brand-soft: #eef5fb;
	--oe-bg: #f5f7fa;
	--oe-card: #ffffff;
	--oe-text: #1f2937;
	--oe-ink: #1f2937;
	--oe-shell-bg: #273449;
	--oe-muted: #64748b;
	--oe-line: #d8e1ea;
	--oe-line-soft: #e7edf4;
	--oe-focus: 0 0 0 4px rgba(31, 95, 153, .18);
	--oe-shadow: 0 10px 28px rgba(15, 23, 42, .10);
	--oe-shadow-soft: 0 6px 18px rgba(15, 23, 42, .08);
	--primary: var(--oe-brand);
	--secondary: var(--oe-muted);
	--dark: var(--oe-text);
}

body {
	color: var(--oe-text);
	background-color: var(--oe-bg);
}

html,
body {
	min-height: 100%;
}

body,
body.custom-background {
	background: #ffffff !important;
}

body #page,
body .site-content-contain,
body #content.site-content,
body #content > .wrap,
body #primary,
body #main,
body .site-main,
body .entry-content {
	background: #ffffff !important;
}

body #content.site-content {
	min-height: calc(100vh - var(--oe-header-height, 68px)) !important;
	height: auto !important;
}

body #content > .wrap,
body #primary {
	min-height: calc(100vh - var(--oe-header-height, 68px)) !important;
}

body .oe-card,
body .oe-card__body,
body .oe-formCard,
body .oe-formCard__body,
body .rp-wrap,
body .rp-main,
body .rp-card,
body .rp-card-body,
body .svp-shell,
body .svp-body,
body .svp-card,
body .card,
body .card-body {
	background-color: #ffffff !important;
}

body header#masthead.site-header {
	background: var(--oe-shell-bg) !important;
	border-bottom-color: rgba(255, 255, 255, .10) !important;
}

body header#masthead.site-header .site-title,
body header#masthead.site-header .site-title a {
	color: #f8fafc !important;
}

a,
.dashboard-link {
	color: var(--oe-brand);
}

a:hover,
.dashboard-link:hover {
	color: var(--oe-brand-dark);
}

.text-primary {
	color: var(--oe-brand) !important;
}

.text-dark {
	color: var(--oe-text) !important;
}

.text-muted {
	color: var(--oe-muted) !important;
}

.bg-primary,
.badge-primary,
.btn-primary,
button.btn-primary,
input.btn-primary {
	background: linear-gradient(90deg, var(--oe-brand), var(--oe-brand-2)) !important;
	border-color: transparent !important;
	color: #fff !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
	filter: brightness(.96);
}

.btn-outline-primary {
	color: var(--oe-brand) !important;
	border-color: rgba(31, 95, 153, .45) !important;
	background: #fff !important;
}

.btn-outline-primary:hover {
	color: #fff !important;
	background: var(--oe-brand) !important;
	border-color: var(--oe-brand) !important;
}

.btn-secondary,
.badge-secondary {
	background: #64748b !important;
	border-color: #64748b !important;
	color: #fff !important;
}

.btn-danger,
.badge-danger,
.btn-warning,
.badge-warning {
	background: #4b6f91 !important;
	border-color: #4b6f91 !important;
	color: #fff !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
	border-color: rgba(31, 95, 153, .55) !important;
	box-shadow: var(--oe-focus) !important;
	outline: none !important;
}

.modal-header {
	background: linear-gradient(90deg, var(--oe-brand), var(--oe-brand-2)) !important;
	color: #fff !important;
	border-bottom: 0 !important;
}

.modal-header .close,
.modal-header .modal-title {
	color: #fff !important;
}

.oe-card__head,
.oe-formCard__head,
.rp-card-head,
.svp-card__top,
.oe-existing__head,
.oe-attPanel__head,
.oe-emailAttach__head,
.card-header {
	background: rgba(31, 95, 153, .075) !important;
	border-bottom: 1px solid rgba(31, 95, 153, .16) !important;
	color: var(--oe-text) !important;
}

.oe-card__head h1,
.oe-card__head h2,
.oe-card__head h3,
.oe-card__head h4,
.oe-card__head h5,
.oe-formCard__head h1,
.oe-formCard__head h2,
.oe-formCard__head h3,
.oe-formCard__head h4,
.oe-formCard__head h5,
.rp-card-title,
.svp-card__top strong,
.card-header strong,
.oe-card__eyebrow {
	color: var(--oe-brand) !important;
}

.oe-card__hint,
.rp-card-meta,
.oe-card__desc {
	color: var(--oe-muted) !important;
}

.dataTables_wrapper {
	padding: 16px;
	box-sizing: border-box;
}

.table thead th,
table.dataTable thead th {
	color: var(--oe-text);
	background: #f8fafc;
	border-bottom-color: var(--oe-line) !important;
}

table.dataTable tbody tr:hover,
.table-hover tbody tr:hover {
	background-color: #eef5fb !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: linear-gradient(90deg, var(--oe-brand), var(--oe-brand-2)) !important;
	border-color: transparent !important;
	color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #eef5fb !important;
	border-color: rgba(31, 95, 153, .28) !important;
	color: var(--oe-brand-dark) !important;
}

.select2-container--default .select2-results__option--highlighted[aria-selected],
.select2-container--classic .select2-results__option--highlighted[aria-selected] {
	background-color: var(--oe-brand) !important;
	color: #fff !important;
}

.select2-container--default .select2-selection--single:focus,
.select2-container--default .select2-selection--multiple:focus,
.select2-container--classic.select2-container--open .select2-selection--single,
.select2-container--classic.select2-container--open .select2-selection--multiple {
	border-color: rgba(31, 95, 153, .55) !important;
	box-shadow: var(--oe-focus) !important;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.active,
.datepicker table tr td.today {
	background: var(--oe-brand) !important;
	border-color: var(--oe-brand) !important;
	color: #fff !important;
}

.fc {
	--fc-button-bg-color: var(--oe-brand);
	--fc-button-border-color: var(--oe-brand);
	--fc-button-hover-bg-color: var(--oe-brand-dark);
	--fc-button-hover-border-color: var(--oe-brand-dark);
	--fc-button-active-bg-color: var(--oe-brand-dark);
	--fc-button-active-border-color: var(--oe-brand-dark);
	--fc-border-color: var(--oe-line);
	--fc-today-bg-color: rgba(31, 95, 153, .08);
	--fc-highlight-color: rgba(31, 95, 153, .14);
	--fc-event-bg-color: var(--oe-brand);
	--fc-event-border-color: var(--oe-brand);
}