.ols-base {
  --primaryDark: rgb(0 48 60);
  --primary: rgb(12 35 63);
  --primaryLighter: rgb(180 193 186);
  --primaryLight: #bec5d5;
  --primaryBodyText: rgb(0 0 0);
  --grey-500: #666;
  --grey-400: #8c8c8c;
  --grey-200: #d9d9d9;
  --grey-100: #f5f5f5;
  --grey-50: #fafafa;
  --white: #fff;
  --accent: #006fd6;
  --success: rgb(118 189 34);
  --danger: #e73801;
  --paginationLinksHover: #004bb5;
}

body {
	--grey-50: #fafafa;
	--primary: rgb(12 35 63);
	--primaryDark: rgb(0 48 60);
	--accent: #006fd6;
}

body {
	color: var(--primaryBodyText);
	background-color: var(--grey-50);
}

body > * {
  font-family: 'Lato', sans-serif, serif;
}

.ols-base a {
	color: var(--accent);
}

.ols-base .help-content-btn {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
}

.ols-base .errorMsg {
	width: 100%;
	margin-top: 0.25rem;
	font-size: 80%;
	color: #dc3545;
}

.ols-base .ols-btn--primary-outline {
	text-shadow: none;
	box-shadow: none;
	background-image: none;
}

.ols-base table td .form-group {
	margin-bottom: 0;
}

.ols-base .intro-paragraph ul li {
	margin-bottom: 4px;
}

.ols-base .top-navbar--main .dropdown-item {
	font-weight: 400;
	color: var(--primaryDark);
}

.ols-base .font-base-large-bold {
	font-weight: 500 !important;
}

.ols-base .heading {
	font-weight: 500 !important;
}

.ols-base .heading-small {
	font-size: 1rem !important;
	margin-bottom: 0.5rem;
    font-weight: 500;
    line-height: 1.2;
	margin-top: 0;
}

.ols-base .pagination {
	align-items: baseline;
}

.ols-base .pagination .page-link {
	font-weight: normal;
	width: 44px;
	height: 44px;
}

.ols-base .pagination .page-item.disabled {
	display: none;
}

.ols-base .table thead th > div {
	font-weight: 500;
}

.ols-base .intro-paragraph {
	color: var(--primaryBodyText);
	margin-top: 1.5rem !important;
}

.ols-base b,
.ols-base strong,
.ols-base .strong {
	font-weight: 600;
}

.ols-base .strong {
	font-size: 18px;
}

.ols-base .horizontal-line {
	background-color: var(--primaryDark);
}

.ols-base .form--help-text,
.ols-base .form-group .form-label,
.ols-base .ols-footer .list-group-item a,
.ols-base .link {
	color: var(--primaryDark);
}

.ols-base .text-muted {
	color: var(--primaryDark) !important;
}

.ols-base .menu-item {
	color: var(--primaryDark);
}

.ols-base .menu-item--icon,
.ols-base .menu-item--title {
	color: inherit;
}

.ols-base .menu-item--description {
  color: var(--primaryBodyText);
}

.ols-base label {
	font-weight: normal;
}

.ols-base .table.b-table > thead > tr >[aria-sort]:not(.b-table-sort-icon-left) {
    padding-right: calc(1.8rem + .65em);
	background-position: right 0.5rem top 1rem;
    vertical-align: top;
}

.ols-base .header-group--title {
	font-size: 1.2rem;
	line-height: 1.2;
}

.ols-base .table td,
.ols-base .table th {
	border-right: 1px solid var(--grey-200);
}

.ols-base .table.tbody-align-top td {
	vertical-align: top;
}

.ols-base .multiselect__content-wrapper,
.ols-base .multiselect__tags {
	color: var(--primaryBodyText);
}

.ols-base .multiselect__option,
.ols-base .multiselect__option--highlight,
.ols-base .multiselect__option--selected,
.ols-base .multiselect__option--selected.multiselect__option--highlight,
.ols-base .multiselect__placeholder {
	color: inherit;
}

.ols-base .color-primary {
  color: var(--primary) !important;
}


/* ========== Utilities ========== */
.ols-base .list-style-lower-alpha {
	list-style-type: lower-alpha !important;
}

.ols-base .font-size-100 {
	font-size: 100% !important;
}

/* ========== Header ========== */
.ols-base .btn-quick-exit {
	position: fixed;
	top: 40%;
	z-index: 2;
	right: 6px;
}

.ols-base .lscsa-navbar .dropdown-menu {
	border-radius: 0;
}

.ols-base .bg-success {
	background-color: var(--primaryDark) !important;
}

@media (min-width: 768px) {
	.ols-base .btn-quick-exit {
		right: 12px;
	}
}
@media (max-width: 1200px) {
	.ols-base .section.section--login {
		padding-right: 12%;
	}
}

.ols-base .table-hover tbody tr:hover {
    background-color: var(--grey-50);
}

/* ========== Horizontal nav tabs ========== */
.fwc-hr-nav-tabs.nav-tabs .nav-link {
	font-size: 1rem;
	border-radius: 0;
	border-color: transparent;
	border-bottom-width: 2px;
	color: var(--primaryDark);
}

.fwc-hr-nav-tabs.nav-tabs .nav-link.completed {
	border-bottom-color: #008000;
	color: #008000;
}

.fwc-hr-nav-tabs.nav-tabs .nav-link.active {
	border-bottom-color: var(--primaryDark);
}

.was-validated .custom-control-input:valid ~ .custom-control-label,
.custom-control-input.is-valid ~ .custom-control-label {
    color: var(--primaryDark);
}

.was-validated .custom-control-input:valid ~ .custom-control-label::before, 
.custom-control-input.is-valid ~ .custom-control-label::before {
    border-color: var(--primaryDark);
}

.ols-base .lscsa-form-full-width > ul.nav-tabs.nav-stacked {
	display: none;
}

.ols-base .lscsa-form-full-width > ul.nav-tabs.nav-stacked ~ .tab-content {
	width: 100%;
}

/* ========== Custom responsive viewports ========== */
@media (min-width: 1400px) {
	.container-xl, .container-lg, .container-md, .container-sm, .container {
		max-width: 1300px;
	}
}

/* ========== Apply new style for old modals ========== */
div[uib-modal-window="modal-window"] .modal-content {
	border-radius: 0;
}

div[uib-modal-window="modal-window"] .modal-header {
	border: 2px solid var(--white);
    border-radius: 0;
    padding: 0.6rem 1.3rem;
    color: var(--white);
    background-color: var(--primary);
}

div[uib-modal-window="modal-window"] .modal-header h3 {
	font-size: 1.2rem;
}

div[uib-modal-window="modal-window"] .modal-body {
	padding: 1.5rem;
    font-size: 0.875rem;
}

div[uib-modal-window="modal-window"] .modal-footer {
	border: 0;
    border-radius: 0;
}

div[uib-modal-window="modal-window"] .modal-footer .btn {
	background-image: none;
	background-color: var(--primary);
	color: var(--white);
	border-color: var(--primary);
	border-radius: 0;
	font-weight: 500;
}

div[uib-modal-window="modal-window"] .modal-footer .btn:hover {
	background-color: #4c7193;
	color: var(--white);
	border-color: #4c7193;
}