:root {
	--bulma-primary-h: 225deg; /* #171b27 */
	--bulma-primary-s: 26%;
	--bulma-primary-l: 12%;

	--bulma-link-h: 47deg; /* #ffcd1e */
	--bulma-link-s: 100%;
	--bulma-link-l: 56%;

	--bulma-link-text: #FFCD1E;

	--bulma-link-invert-l: 0%; /* Link button text black */

	--bulma-label-color: rgb(244 245 247);
	--bulma-body-color: rgb(244 245 247);

	--bulma-scheme-h: 240deg; /* rgb(7 7 9); */
	--bulma-scheme-s: 13%;
	--bulma-scheme-main-l: 3%;

	--bulma-background-l: 20%;

	--bulma-text-h: 220deg;
	--bulma-text-s: 16%;
	--bulma-text-l: 96%;

	--bulma-input-h: 220deg;
	--bulma-input-s: 16%;
	--bulma-text-strong-l: 96%;

	--bulma-navbar-height: 3.5rem;
}

.columns {
	display: flex;
	flex-direction: row;
	align-items: stretch;
}

.navbar {
	padding: 0.3rem 0.8rem;
	background-color: var(--bulma-scheme-main) !important;
}

.navbar img {
	min-height:100%;
	width:auto;
}

.navbar-item, .navbar-brand {
	height: var(--bulma-navbar-height);
}

.cell.button {
	white-space: normal!important;
}

.navbar-start {
	flex-grow: 1;
	justify-content: center;
}

.navbar-menu.column, .navbar-brand.column {
	padding:0;
}

.control img {
	border-color: var(--bulma-input-border-color);
	border-style: solid;
	border-width: var(--bulma-control-border-width);
}

.project-button {
	background-color: transparent;
	color: var(--bulma-link-text);
	box-shadow: var(--bulma-box-link-hover-shadow);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.project-button:hover,.project-button:active,.project-button:focus {
	background-color: var(--bulma-link-text);
	color: var(--bulma-scheme-main);
}

.project-button:hover h5,.project-button:active h5,.project-button:focus h5 {
	color: var(--bulma-scheme-main);
}

.project-button.disabled {
	pointer-events: none;
	color: gray;
	box-shadow: 0 0 0 1px gray;
}

.danger-button {
	background-color: transparent;
	color: hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l));
	box-shadow: 0 0.5em 1em -0.125em hsla(var(--bulma-scheme-h),var(--bulma-scheme-s),var(--bulma-scheme-invert-l),0.1),0 0 0 1px var(--bulma-danger);
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.danger-button:hover {
	background-color: hsl(var(--bulma-danger-h),var(--bulma-danger-s),var(--bulma-danger-l));
	color: var(--bulma-scheme-main);
}

.add-project-button {
	background-color: var(--bulma-link-text);
	color: var(--bulma-scheme-main);
	box-shadow: var(--bulma-box-link-hover-shadow);
}

.add-project-button:hover {
	background-color: transparent;
	color: var(--bulma-link-text);
}

.title-underline::after {
	margin: 0.5rem auto;
	content: "";
	height: 0.3rem;
	width: 10rem;
	display: block;
	background-color: var(--bulma-link-text);
}

.section-button {
	background-color: transparent;
	box-shadow: none;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-radius: 4px!important;
	transition-duration: 0ms;
}

.section-button-selected,.section-button:hover,.section-button:active,.section-button:focus {
	border-radius: 4px!important;
	background-color: var(--bulma-link-text);
	color: var(--bulma-scheme-main);
	box-shadow: none!important;
}

.input-list-element {
	border: 1px solid hsl(240deg,13%,calc(24% + 20%))!important;
	background-color: rgb(255, 255, 255, 0.1);
	padding:0.2rem!important;
	margin:0.2rem!important;
	display: inline-block;
	border-radius: 4px!important;
}

.input-list-element:hover {
	cursor: context-menu;
}

.input-list {
	background-color: rgb(7, 7, 9);
	display:block;
	height:auto;
	min-height: var(--bulma-control-height);
	padding:0.2rem!important;
	border: 1px solid var(--bulma-input-border-color);
}

.input-list:not(.input-list-element) {
	cursor: text;
}

.input-list-entry {
	outline: 0px solid transparent;
	display: inline-block;
}

.input-list:focus-within {
	border: 1px solid var(--bulma-link-text);
	box-shadow: rgba(255, 206, 31, 0.25) 0px 0px 0px 3px
}

.delete-input-list-element {
	cursor: pointer;
}

.options-picker-parent {
	position: relative;
}

.options-picker {
	display: none;
	position: absolute;
	top: 0.5rem;
	z-index: 5; /* bulma picker icons (select and date) are a index 4 */
	background-color: rgb(7, 7, 9);
	border: 2px solid var(--bulma-input-border-color);
	width: 100%;
}

.options-picker-element, .no-matches-found {
	cursor: context-menu;
	padding: 0.6rem;
}

.options-picker-element:hover, .options-picker-element-selected {
	background-color: rgb(255, 255, 255, 0.1);
}

.options-picker-element:focus-visible {
	outline: none;
}

.delete-input-list-element:focus {
	color:red;
}

.media-attachment {
	width:12rem;
	display: inline-block;
	margin: 1rem;
}

.media-attachment > .card-content {
	padding: 0.5rem;
}

.media-attachment > .card-image {
	background-color: #a4a4a4;
	border-radius: var(--bulma-card-radius);
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.media-attachment > .card-image img {
	border-radius: 0 !important;
	height: auto;
	margin: auto;
}

.default-attachment {
	width: 4rem!important;
	margin: auto;
}