/* =====| L&S BRANDING |=====

Ljusblå (logo)		#a0d6f1
Mörkblå (sidfot)	#04203d
Mörkblå (copyfot)	#00162c
Ljusgrå				#f1f1f1

Blå knappar			#12375d
Blå knappar hover	#1a5088

Blå länkar			#318bc5
Blå länkar hover	#226088

Bakgrund frågor		#d9eff9

============================== */

body,
.chapter-page {
	background-color: #f7f7f7;
}

body.black,
.part-background-image-container,
.si-footer-container {
	background-color: #a0d6f1;
}

.si-standard-container,
.si-standard-with-sub-header-container  {
	background-color: #d9eff9;
}

.si-feedback-container {
	background-color: #a0d6f1;
}

.si-weekly-assignment-container,
.si-container-with-logo {
	background-color: #ebebe0;
}

a {
	color: #318bc5;
	text-decoration: underline;
}

a:hover {
	color: #226088;
	text-decoration: underline;
}

/* TOP NAVIGATION */
.navbar {
	background-color: #fff;
	border-bottom: 1px solid #f1f1f1;
}

.navbar-brand img,
.navbar-logo-container img {
	width: auto;
	height: 40px;
}

@media screen and (min-width: 769px) {
	.navbar-nav .nav-link {
		color: #777;
		padding-right: 1rem;
		text-decoration: none;
	}

	.navbar-nav .nav-link:hover {
		color: #333;
	}
}

@media screen and (max-width: 768px) {
	.navbar .navbar-header .navbar-logo-container img {
		margin-bottom: auto;
		margin-left: 10%;
		height: 28px;
	}

	.navbar .navbar-header button {
		background-color: #12375d;
	}

	.navbar .navbar-header button span {
		color: #fff;
	}

	.navbar .navbar-collapse ul li a {
		color: #318bc5;
	}

	.navbar .navbar-collapse .nav-item {
		background-color: #a0d6f1;
	}

	.navbar .navbar-collapse .nav-item img {
		width: 55px;
	}

	.navbar .navbar-collapse .nav-item:not(:last-child) {
		border-bottom: 1px solid #d9eff9;
	}
}

/* LEFT NAVIGATION */
.vl {
	border-left: 3px solid #318bc5;
}

.horizontal-line {
	border-top: 3px solid #318bc5;
}

.line, .overview-card:last-of-type .vl {
	border-left: 3px solid #318bc5;
}

.si-overview-link {
	color: #318bc5;
	text-decoration: underline;
}

.si-overview-link:hover {
	color: #226088;
	text-decoration: underline;
}

/* BUTTONS */
.btn-settings-save,
.btn-settings-save:active,
.btn-si,
.btn-si:active,
.btn-si:hover,
.btn:hover {
	color: #fff;
	background-color: #12375d;
	border-color: #12375d;
	text-decoration: none;
}

.btn-settings-save:active,
.btn-si:active,
.btn-si:hover,
.btn:hover {
	background-color: #1a5088;
	border-color: #1a5088;
}

.btn-account:disabled {
	color: #fff;
	background-color: #12375d;
}

.btn.disabled,
.btn:disabled {
	opacity: .45;
}

.btn-navigation {
	color: #fff;
	background-color: #12375d;
	border-color: #12375d;
	text-decoration: none;
}

.btn-content-save {
	color: #fff;
	background-color: #318bc5;
	border-color: #318bc5;
}

.btn-content-save:active,
.btn-content-save:hover {
	color: #fff;
	background-color: #226088;
	border-color: #226088;
}

.btn-content-save:disabled {
	color: #318bc5;
	background-color: transparent;
	border-color: #318bc5;
}

.btn-content-save-black {
	color: #fff;
	background-color: #318bc5;
	border-color: #318bc5;
}

.btn-content-save-black:hover {
	color: #fff;
	background-color: #226088;
	border-color: #226088;
}

/* PROGRESS */
.progress {
	background-color: #e9ecef;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.2);
}

.chapter-navigation-box .progress {
	background-color: #fff;
}

.part-container .part-item .progress-bar,
.chapter-navigation-box .progress-bar {
	background-color: #a0d6f1;
	box-shadow: inset 0 2px 5px rgba(0,0,0,.2);
}

.progress-bar-text-percentage {
	color: #000;
}

.part-progress-bar-text {
	top: auto;
	padding-top: 3px;
}

.chapter-navigation-box .progress-bar-text-percentage {
	padding-top: 7px;
}

/* CONTENT */
.part-container .part-item {
	background-color: #fff;
	box-shadow: 0px 4px 8px rgba(0,0,0,.15);
}

.part-container .part-header,
.part-container .part-text {
	color: #fff;
}

/* ACCORDION */
.si-accordion {
	border: 1px solid #318bc5;
}

.si-accordion,
.si-nested-accordion-container {
	background-color: #fff;
}

.si-nested-accordion-container {
	border: 0;
}

.si-checkbox-label .checkmark {
	background-color: #fff;
	border: .1rem solid #318bc5;
}

.si-checkbox-input:checked~.checkmark {
	background-color: #318bc5;
}

.fa-chevron-down {
	color: #318bc5;
}

/* 10 BUTTON SCALE */
.si-button-scale-10-btn {
	color: #318bc5;
	background-color: #fff;
	border-top: .05rem solid #318bc5;
	border-right: 0;
	border-left: .05rem solid #318bc5;
	border-bottom: .05rem solid #318bc5;
}

.si-button-scale-10-btn:last-child {
	border: .05rem solid #318bc5;
}

.si-button-scale-10-btn-checked {
	color: #fff;
	background: #318bc5;
}

/* RADIO BUTTONS */
.si-radio-double .si-radio-group-second,
.si-radio-single .si-radio-right {
	background-color: #318bc5;
}

.si-radio-double .si-radio-group-second .checkmark,
.si-radio-single .si-radio-group.si-radio-right .checkmark {
	background-color: #318bc5;
	border: .1rem solid #fff;
}

.si-radio-double .si-radio-group-first .checkmark:after,
.si-radio-double .si-radio-group-second .checkmark:after,
.si-radio-single .si-radio-group.si-radio-left .checkmark:after,
.si-radio-single .si-radio-group.si-radio-right .checkmark:after,
.si-radio-tripple .si-radio-group .checkmark:after {
	top: 11%;
	left: 12%;
	background: #04203d;
}

.si-radio-double .si-radio-group-first .checkmark,
.si-radio-single .si-radio-group.si-radio-left .checkmark,
.si-radio-tripple .si-radio-group .checkmark {
	background-color: #fff;
	border: .1rem solid #318bc5;
}

/* HORSE SHOE */
.si-horse-shoe {
	background-color: #d9eff9;
}

.si-horse-shoe-pagination-inner {
	background-color: #318bc5;
}

.si-add-field-help {
	color: #318bc5;
	background-color: #d9eff9;
	border: 1px solid #a0d8f1;
}

si-add-field-help-right-25 {
	border-left: 0;
}

.si-add-field-help:before,
.si-add-field-help:after {
	right: 47%;
}

.si-add-field-help:before {
	border-top: 10px solid #a0d8f1;
}

.si-add-field-help:after {
	border-top: 10px solid #d9eff9;
}

.si-horse-shoe-module-button{
	background-color: #318bc5;
}

.si-horse-shoe-module-button:active,
.si-horse-shoe-module-button:focus,
.si-horse-shoe-module-button:hover {
	background-color: #226088;
}

/* ADD FIELD */
.si-add-field-select {
	background-color: #318bc5;
}

.si-add-field,
.si-add-field-select,
.si-horse-shoe-summary {
	border: 1px solid #318bc5;
}

.si-add-field-add-argument {
	color: #318bc5;
	border: 2px dashed #318bc5;
}

.si-add-field-add-argument svg {
	fill: #318bc5;
}

/* GAMBLING DIARY */
.si-day-box-unselectable {
	background-color: #d8d8d8;
}

.si-day-box-weekend {
	background-color: #a0cde4;
}

.si-day-box-selected {
	border: 2px solid #000;
	padding-top: 89%
}

.si-day-box-saved-win {
	/*background-color: #EBCE70*/
	background-color: #feC02f;
}

.si-day-box-saved-loss {
	/*background-color: #EA9898*/
	background-color: #fd717f;
}

.si-day-box-number {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.2);
}

.si-day-box-saved-free {
	background-color: #82CE86;
}

/* TIMELINE FOLLOWBACK */
.si-dagbok-start {
	width: 100%;
	max-width: 100%;
	color: #000;
	background-color: #fff;
	margin: 2rem auto 0 auto;
	padding: 1.5rem 2.5rem 1rem 2.5rem;
	border-radius: 25px;
	box-shadow: 0px 4px 8px rgba(0,0,0,.15);
}

.si-dagbok-btn,
.si-dagbok-btn:hover {
	color: #fff;
	line-height: 1.8rem;
	padding-left: 2em;
	padding-right: 2em;
	background: #12375d;
	border-color: #12375d;
	border-radius: .7rem;
	text-decoration: none;
}

.si-dagbok-btn:hover {
	background: #1a5088;
	border-color: #1a5088;
}

@media screen and (min-width: 769px) {
	.si-dagbok-start {
		width: 70%;
	}
}

/* SUMMARY */
.si-summary-highlight {
	font-style: italic;
	background-color: #fcf5e5;
}

/* FORUM */
.si-forum-page {
	background-color: #f7f7f7;
}

.si-forum-navbar-left a {
	color: #318bc5;
	text-decoration: underline;
}

.si-forum-navbar-left a:hover {
	color: #226088;
	text-decoration: underline;
}

.si-forum-breadcrumb {
	background: #04203d;
}

.si-forum-box-topic {
	background-color: #d9eff9;
}

.si-forum-post-buttons a,
.si-forum-post-buttons a:hover {
	color: #318bc5;
	background-color: #fff;
	border: 1px solid #318bc5;
}

.si-forum-post-buttons a:hover {
	color: #fff;
	background-color: #318bc5;
}

.si-forum-arrow::after {
	color: #318bc5;
}

.si-forum-header {
	background-color: #d9eff9;
}

.si-forum-hover:hover .si-forum-item-text,
.si-forum-hover:hover .si-forum-list-item-count {
	color: #212529;
}

/* LOGIN / REGISTRATION / ACCOUNT SETTINGS */
.si-account-form-elements-container {
	background-color: #d9eff9;
}

.btn-account {
	background-color: #12375d;
	border-color: #12375d;
}

.si-settings-page {
	background-color: #f7f7f7;
}

.si-settings-box {
	background-color: #d9eff9;
	margin-top: 2rem;
}

.si-settings-box .forum-container {
	background-color: #d9eff9;
	border: 0;
}

.settings-line {
	background-color: #a0d6f1;
}

input.si-settings-field:disabled {
	color: #000;
	background-color: #fff;
	opacity: .40;
}

.si-checkbox-settings-label .checkmark {
	border: 0.1rem solid #318bc5;
}

.si-checkbox-settings-input:checked~.checkmark {
	background-color: #318bc5;
}

.si-account-footer-text a {
	color: #318bc5;
	font-size: 1em;
}

.si-account-footer-text a:hover {
	color: #226088;
}

/* CHAT */
.si-chat-main .balon1 a,
.si-chat-main .balon2 a {
	text-decoration: none;
	background-color: #fff;
}

.si-chat-main .balon2 a {
	background-color: #a0d6f1;
}

/* HIGHLIGHT COLORS */
.si-highlight-red {
	color: #e91e63!important
}

.si-highlight-green {
	color: #388e3c!important
}

.si-highlight-blue {
	color: #0065b5!important;
}

/* ALERT COLORS */
.alert-success {
	color: #0a561c;
	background-color: #cdeed5;
	border-color: #6fba80;
}

/* DEV */
.si-dev-text {
	max-width: 50%;
	color: red;
	font-weight: 700;
	margin-left: auto;
	margin-right: auto;
	background-color: yellow;
}

/* ADMIN */
.admin-wrapper a.dropdown-item,
.admin-wrapper .dropdown-submenu a  {
	text-decoration: none;
}

.admin-wrapper .dropdown-item:active {
	background-color: #d9eff9;
}

.dropdown-item:focus,
.dropdown-item:hover,
.dropdown-item.active,
.dropdown-item:active {
	color: #04203d;
	background-color: #d9eff9;
}

.admin-wrapper .btn-primary {
	background-color: #318bc5;
	border-color: #318bc5;
	text-decoration: none;
}

.admin-wrapper .btn-primary:hover,
.admin-wrapper .btn-primary:active,
.admin-wrapper .show>.btn-primary.dropdown-toggle {
	background-color: #226088;
	border-color: #226088;
}

.admin-wrapper .btn-secondary {
	background-color: #12375d;
	border-color: #12375d;
	text-decoration: none;
}

.admin-wrapper .btn-secondary:hover,
.admin-wrapper .btn-secondary:active,
.admin-wrapper .show>.btn-secondary.dropdown-toggle {
	background-color: #1a5088;
	border-color: #1a5088;
}

.admin-wrapper .btn-outline-danger:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.admin-wrapper .dropdown-toggle.btn-light,
.admin-wrapper .show>.btn-light.dropdown-toggle {
	color: #04203d;
	background-color: #d9eff9;
	border-color: #d9eff9;
}

.admin-wrapper .dropdown-toggle.btn-light:hover,
.admin-wrapper .dropdown-toggle.btn-light:hover {
	color: #226088;
}

.admin-wrapper .form-check-input {
	accent-color: #318bc5;
}

.admin-wrapper .pagination .page-item a {
	color: #000;
	text-decoration: none;
}

.admin-wrapper .pagination .page-item.active a {
	color: #fff;
	background-color: #318bc5;
}

.admin-wrapper .table thead th {
	background-color: #e9ecef;
}

.admin-wrapper .card-header {
	background-color: #e9ecef;
}