@import "node_modules/bootstrap/scss/bootstrap";
@import "node_modules/awesomplete/awesomplete";
@import "node_modules/flatpickr/dist/flatpickr";
@import "node_modules/flatpickr/dist/themes/airbnb";
@import "node_modules/codemirror/lib/codemirror";

@import "./variables.scss";
@import "./indicators.scss";

html {
	font-size: 12px;
}

.desk-body {
	border-left: 1px solid $gray-300;
	min-height: 100vh;
}

.desk-center {
	border-left: 1px solid $gray-300;
}

.hide {
	display: none !important;
}

.page {
	padding-bottom: $spacer-4;

	.page-nav {
		padding: $spacer-2 $spacer-3;
		background-color: $gray-100;
		border-bottom: 1px solid $gray-300;

		.btn {
			margin-left: $spacer-2;
		}
	}

	.page-title {
		font-weight: bold;
		padding: $spacer-4;
		padding-bottom: 0;
	}

	.page-links {
		padding: $spacer-3 $spacer-4;
	}

	.page-error {
		text-align: center;
		padding: 200px 0px;
	}
}

.form-body {
	padding: $spacer-3 $spacer-4;

	.form-check {
		margin-bottom: $spacer-2;

		.form-check-input {
			margin-top: $spacer-1;
		}
		.form-check-label {
			margin-left: $spacer-1;
		}
	}

	.form-control.font-weight-bold {
		background-color: lightyellow;
	}

	.alert {
		margin-top: $spacer-3;
	}
}

.form-inline {
	.form-group {
		margin-right: $spacer-3;
		margin-bottom: $spacer-3;
	}
}

.list-search {
	padding: $spacer-3 $spacer-4;
}

.list-body {
	.list-row {
		padding: $spacer-2 $spacer-4;
		border-bottom: 1px solid $gray-200;
		cursor: pointer;

		.checkbox {
			margin-right: $spacer-2;
		}

		a, a:hover, a:visited, a:active {
			color: $gray-800;
		}
	}

	.list-row:hover {
		background-color: $gray-100;
	}

	.list-row.active {
		background-color: $gray-200;
	}
}


.dropdown-item {
	padding: $spacer-2 $spacer-3;
}

.bottom-right-float {
	position: fixed;
	margin-bottom: 0px;
	bottom: $spacer-3;
	right: $spacer-3;
	max-width: 200px;
	padding: $spacer-2 $spacer-3;
}

.desk-menu {
	background-color: $gray-200;

	.list-row {
		border-bottom: 1px solid $gray-200;
	}

	.list-row:hover {
		background-color: $gray-300;
	}

	.list-row.active {
		background-color: $gray-400;
	}
}

.print-page {
	padding: $spacer-5;
	line-height: 1.8;

	td, th {
		padding: $spacer-2;
	}
}

.table-page-wrapper {
	width: 100%;
	padding: $spacer-3 $spacer-4;
}

.filter-toolbar {
	padding: $spacer-3 $spacer-4;
}

.table-wrapper {
	margin-top: $spacer-4;
	margin-bottom: $spacer-4;
}

.table-toolbar {
	margin-top: $spacer-2;
}

.CodeMirror {
	font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
	border: 1px solid $gray-300;
	border-radius: 0.25rem;
	padding: $spacer-2;
}

.awesomplete {
	display: block;

	ul {
		max-height: 150px;
		overflow: auto;
	}

	> ul > li {
		padding: .75rem .375rem;
	}

	> ul > li:hover {
		background: $gray-300;
		color: $body-color;
	}

	> ul > li[aria-selected="true"] {
		background: $gray-300;
		color: $body-color;
	}

	> ul > li[aria-selected="true"]:hover {
		background: $gray-300;
		color: $body-color;
	}

	li[aria-selected="true"] mark, li[aria-selected="false"] mark {
		background: inherit;
		color: inherit;
		padding: 0px;
	}

}


mark {
	padding: none;
	background: inherit;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.btn-sm {
	margin: $spacer-1;
}

.vertical-margin {
	margin: $spacer-3 0px;
}

@import "./tree.scss";
@import "./datatable.scss";

// just for accounting

.setup-container {
	margin: 40px auto;
	padding: 20px 0px;
	width: 450px;

	border: 1px solid $gray-300;
	border-radius: 4px;

	h3 {
		text-align: center;
	}

	.form-section {
		display: none;
	}

	.form-section.active {
		display: block;
	}

	.setup-link-area {
		margin: $spacer-1 $spacer-4;
	}
}

// File Input

input[type=file] {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.was-validated input[type=file]:invalid + button {
	border-color: $red;
}