body {
	background-color: #FFF7E9;
	background: url('/img/web_background.svg');
	background-size: cover;
}

img#profilepic {
	width: 45px;
}

.bg-kanupolo {
	background-color: #2A79FF;
}

img#logo {
	width: 170px;
}

.outer {
	margin-top:60px;
}

.step {
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 37px;
	margin-bottom: 0px;
}

.sidebar-left {
	padding-top: 125px;
}

.nextbtn-wrapper {
	margin-top: 35px;	
}

.wizardsteps {
	list-style-position:inside;
}

.wizardsteps li {
	border-left: 3px solid rgb(255,255,255,0);
	padding-left: 4px;
}

.wizardsteps li.active {
	border-left: 3px solid #000;
}

.wizardsteps li.done::after {
	content: url(/img/checkmark.svg);
	width: 18px;
	display: inline-block;
	margin-left: 4px;
}

.leagues .form-check {
	margin-bottom: 12px;
}

.leagues input.form-check-input:checked {
	background-color: #FFB20F;
	border-color: #FFB20F;
}

.leagues input.form-check-input:focus {
	border-color: #FFB20F;
	box-shadow: 0 0 0 .25rem rgba(255,178,15,.25);
}

.modes .form-select:focus {
	border-color: #FFB20F;
	box-shadow: 0 0 0 .25rem rgba(255,178,15,.25);
}

.modes .form-select {
	margin-bottom: 22px;
}

.teams .accordion-button:not(.collapsed)::after {
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23DD920E'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.teams .accordion-button:focus {
	border-color: #FFB20F;
	box-shadow: 0 0 0 .25rem rgba(255,178,15,.15);
}

.accordion-button:not(.collapsed) {
  color: #332100;
  background-color: rgba(255,178,15,.1);
}

.drag-category {
	border-right: 1px solid #2a79ff;
	padding-left: 10px;
	min-height: 60px;
}

.drag-group {
	margin-bottom: 20px;
}

.drag-item {
	border: 1px solid #cecece;
	margin-bottom: 6px;
	border-radius: 2px;
	padding-left: 4px;
	cursor: move;
	cursor: grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
}

.unassigned-teams {
	display: flex;
	flex-wrap: wrap;
}

.unassigned-teams div {
	width: 23%;
	margin: 6px;
}

#tournamentmodecanvas {
	border: 1px solid #ddd;
}

#tournamentinfotext {
	margin: 20px 0;
}

.tournamentmodemenu {
	border: 1px solid #ddd;
}

.btn-kanupolo-secondary {
	--bs-btn-color: #332100;
	--bs-btn-bg: #FFB20F;
	--bs-btn-border-color: #FFB20F;
	--bs-btn-hover-color: #332100;
	--bs-btn-hover-bg: #DD920E;
	--bs-btn-hover-border-color: #CE890F;
	--bs-btn-focus-shadow-rgb: 49,132,253;
	--bs-btn-active-color: #332100;
	--bs-btn-active-bg: #CE890F;
	--bs-btn-active-border-color: #BC7E0F;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #332100;
	--bs-btn-disabled-bg: #FFB20F;
	--bs-btn-disabled-border-color: #FFB20F;
}

table.gametable tbody tr th.saved {
	color: var(--bs-success);
}

table.gametable tbody tr th.unplayed {
	color: var(--bs-warning-text);
}

table.gametable tbody tr th.unsaved {
	color: var(--bs-info-text);
}