.ols-base {
	--primary: #212529;
	--primaryDark: #0f2544;
	--accent: #0358a7;
	--alertLaapForm: #ffc107;
	--errorMessages: #dc3545;
	--borderTopFormSection: #6c757d;
	--completed: #008000;
	--customInput: #315470;
	--verticalNav: #d4d4d4;

	--button: #315470;
	--buttonHover: #254055;

	--white: #fff;
	--focusBorderColor: #80bdff;;
	--focusShadowColor: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

body {
	--grey-50: #fafafa;
	--primary: #212529;
	--primaryDark: #0f2544;
	--accent: #006fd6;
}

body {
	color: var(--primaryDark);
	background-color: var(--grey-50);
}

.ols-base a {
	color: var(--accent);
}

.ols-base .link:hover {
    color: var(--grey-400);
}

.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: var(--errorMessages);
}

.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;
}

.ols-base .top-navbar--main .dropdown-item,
.ols-base .top-navbar--container .nav-link {
	color: var(--primaryDark);
}

.ols-base .top-navbar--main .dropdown-item:hover,
.ols-base .top-navbar--container .nav-link:hover {
	color: var(--grey-400);
}

.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(--primaryDark);
	margin-top: 1.5rem !important;
}

.ols-base b,
.ols-base strong {
	font-weight: 600;
}

.ols-base .horizontal-line {
	background-color: var(--primaryDark);
}

.ols-base .form--help-text,
.ols-base .form-group .form-label {
	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,
.ols-base .menu-item--description {
	color: inherit;
}

.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(--primaryDark);
}

.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 .tab-content__section {
	padding-top: 1.5rem;
	margin-top: 1rem;
	border-top: 1px solid;
	border-color: var(--borderTopFormSection);
}

/* ========== Utilities ========== */
.ols-base .list-style-lower-alpha {
	list-style-type: lower-alpha !important;
}

.ols-base .list-style-decimal {
	list-style-type: decimal;
}

.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 .vrb-navbar .dropdown-menu {
	border-radius: 0;
}

.ols-base .bg-success {
	background-color: var(--primaryDark) !important;
}

.ols-w-34 {
	width: 34%;
}

.ols-w-65 {
	width: 65%;
}

@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);
}

/* ========== Footer ========== */
.ols-base .ols-footer .list-group-item a {
    color: var(--accent);
}

.ols-base .ols-footer .list-group-item a:hover {
    color: var(--grey-400);
}

/* ========== Horizontal nav tabs ========== */

/* ========== Horizontal nav tabs ========== */
.vrb-hr-nav-tabs.nav-tabs .nav-link {
	font-size: 1rem;
	border-radius: 0;
	border-color: transparent;
	border-bottom-width: 2px;
	color: var(--primaryDark);
}

.vrb-hr-nav-tabs.nav-tabs .nav-link.completed {
	border-bottom-color: var(--completed);
	color: var(--completed);
}

.vrb-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);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label,
.custom-control-input.is-invalid ~ .custom-control-label {
	color: var(--primaryDark);
}

.was-validated .custom-control-input:invalid ~ .custom-control-label::before,
.custom-control-input.is-invalid ~ .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;
}

.saving-modal,
.saving-modal-backdrop {
	display: none !important;
}

.ols-base .form-control.is-invalid {
	border-color: var(--errorMessages);
	padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right calc(0.375em + 0.1875rem) center;
	background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.ols-base .table thead th {
	font-weight: normal;
}

.ols-base .btn {
	font-weight: normal;
}

.ols-base .custom-control-input~.custom-control-label::before {
	background-color: var(--white);
	border-color: var(--primaryDark);
}

.custom-checkbox .custom-control-input~.custom-control-label::before {
	border-radius: 0.25rem;
}

.ols-base .custom-control-input:checked~.custom-control-label:before {
	color: var(--white);
	border-color: var(--customInput);
	background-color: var(--customInput);
}

.ols-base select {
	border-radius: 0;
	border-color: var(--grey-200);
	font-size: 1rem;
}

.lscsa-form {
	display: flex;
}

.lscsa-form .alert {
	background-color: var(--grey-100);
	color: var(--grey-500);
	border-radius: 0;
	border: 0;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: transparent;
}

.lscsa-form .alert__form-laap {
	border-left-color: var(--alertLaapForm);
}

.lscsa-form .alert-warning {
	border-left-color: var(--warning);
}

.lscsa-form .alert-info {
	border-left-color: var(--completed);
}

.lscsa-form .alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: var(--errorMessages);
}

/* Vertical nav tabs */
.lscsa-form .nav-tabs.nav-stacked {
	width: 26%;
	border: 0;
}

.lscsa-form .nav-tabs.nav-stacked+.tab-content {
	width: 73%;
	margin-left: auto;
}

.lscsa-form .nav-tabs.nav-stacked .nav-item {
	flex-grow: 1;
	max-height: 90px;
	margin-bottom: 0.5rem;
}

.lscsa-form .lscsa-card {
	padding: 1.5rem;
	border: 1px solid #d4d4d4;
}

.lscsa-form .lscsa-nav-item .nav-link {
	padding: 0.8rem 1rem;
	border-radius: 0;
	border-left-width: 4px;
	border-color: transparent;
	font-size: 1rem;
	font-weight: 500;
	color: var(--primaryDark);
	position: relative;
	height: 100%;
	display: flex;
	align-items: center;
}


.lscsa-form .nav-tabs .nav-link.lscsa-item:hover,
.lscsa-form .nav-tabs .nav-link.lscsa-item:focus {
	border-color: transparent;
}

.lscsa-form .lscsa-nav-item.normal .nav-link,
.lscsa-form .lscsa-nav-item.normal .nav-link:hover {
	background-color: var(--white);
}

.lscsa-form .lscsa-nav-item.saved .nav-link {
	border-color: var(--verticalNav);
	border-left-color: var(--completed);
	color: var(--completed);
	padding-left: 1rem;
	background-color: var(--white);
}

.lscsa-form .lscsa-nav-item.saved .nav-link:hover {
	border-left-color: var(--completed);
	border-left-width: 4px;
	padding-left: 1rem;
}

.lscsa-form .lscsa-nav-item .nav-link:hover {
	background-color: var(--white);
	border-color: var(--verticalNav);
	border-left-width: 1px;
	padding-left: calc(1rem + 3px);
}

.lscsa-form .lscsa-nav-item .nav-link.active {
	border-color: var(--verticalNav);
	border-left-color: var(--primaryDark);
	color: var(--primaryDark);
	padding-left: 1rem;
}

.lscsa-form .lscsa-nav-item .nav-link.active:hover {
	border-left-width: 4px;
	border-left-color: var(--primaryDark);
}

.lscsa-form .tab-description {
	font-size: 0.85rem;
	margin-top: 0.2rem;
}

.ols-base .triage-form--description {
	font-size: 0.9rem;
	padding-top: 10px;
}

.ols-base .lscsa-help {
	background-color: #c1d8ee;
	padding: 0.2rem 0.5rem;
	text-align: center;
}

.ols-base .btn-primary {
	color: var(--white);
	background-color: var(--button);
	border-color: var(--button);
}

.ols-base .btn-primary:hover {
	color: var(--white);
	background-color: var(--grey-400);
	border-color: var(--grey-400);
}

.ols-base .btn-primary:disabled {
	cursor: not-allowed;
}

.ols-base .text-primary {
	color: var(--primary) !important;
}

.ols-base .border-left-primary-lighter {
	border-left: 4px solid var(--primaryLighter) !important;
}

.ols-base .first-letter-capitalize::first-letter {
	text-transform: capitalize;
}

.ols-base .btn-link {
	font-weight: 400;
	color: var(--accent);
	text-decoration: none;
}

.ols-base .btn-link:hover {
	color: var(--grey-400);
}

.ols-base .btn-secondary {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
	background-image: none;
}

.ols-base .btn-outline-secondary {
	border-color: var(--grey-200);
}

.ols-base .btn-outline-secondary:hover {
	background-color: var(--grey-400);
	border-color: var(--grey-400);
}

.ols-base .custom-control-input[disabled] ~ .custom-control-label,
.ols-base .custom-control-input:disabled ~ .custom-control-label {
    color: var(--primaryDark);
}

.ols-base .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
	background-color: var(--customInput);
}

.ols-base .custom-control-input[disabled] ~ .custom-control-label,
.ols-base .custom-control-input:disabled ~ .custom-control-label {
	color: #6c757d;
}
.custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before {
	background-color: #e9ecef;
	border-color: #6c757d;
}

.ols-base .border-left-lscsa {
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: var(--primaryLighter);
}

.ols-base .custom-file-label {
	overflow-y: hidden;
}

.form-group.filter-group {
	margin-bottom: 0.75rem;
}

.ols-base .section.section--login:focus {
	border: 2px solid var(--accent);
}

.ols-base .form-control:focus,
.ols-base .btn:focus,
.ols-base .btn-link:focus,
.ols-base .link:focus {
	border-color: var(--focusBorderColor);
	box-shadow: var(--focusShadowColor);
	outline: 0;
}

.ols-base :focus-visible {
	border-color: var(--focusBorderColor);
	box-shadow: var(--focusShadowColor);
	outline: 0;
}

.intro-table {
    width: 100%;
    border-collapse: collapse;
	background-color: white;
}

.intro-table td {
	border: 1px solid #ccc;
    padding: 8px 0 0 8px; 		/* top: 8px, left: 8px */
    text-align: left;        	/* horizontal alignment */
    vertical-align: top;    	/* vertical alignment */
    height: 100px;
    width: 33.33%
}
  
@media (max-width: 992px) {
	.lscsa-form .lscsa-nav-item .nav-link .toggle-menu-btn {
		display: none;
	}

	.lscsa-form .lscsa-nav-item .nav-link.active .toggle-menu-btn {
		display: block;
	}

	.lscsa-form .nav.nav-tabs.nav-stacked,
	.lscsa-form .nav.nav-tabs.nav-stacked+.tab-content {
		width: 100%;
	}

	.lscsa-form {
		flex-direction: column;
	}

	.lscsa-form .nav.nav-tabs {
		display: block;
	}

	.lscsa-form .lscsa-nav-item .nav-link {
		display: none;
	}

	.lscsa-form .lscsa-nav-item .nav-link.active {
		display: block;
	}

	.lscsa-form il .nav-link.active {
		display: block;
	}

	.collapsible-menu.lscsa-form .lscsa-nav-item .nav-link {
		display: block;
	}
}

@media (min-width: 992px) {
	.lscsa-form .lscsa-nav-item .nav-link .toggle-menu-btn {
		display: none;
	}
}

@media (min-width: 576px) {
	.modal-dialog {
		max-width: 600px;
	}
}

/* Login screen responsive */
@media (min-width: 1200px) {
	.ols-base .section.section--intro {
		padding-left: 10%;
		padding-right: 10%;
	}
}
@media (min-width: 768px) {
	.ols-base .section.section--intro {
		padding-top: 40%;
	}
}
@media (min-width: 1400px) {
	.ols-base .section.section--intro {
		padding-top: 28%;
	}
}