* {
	font-family: 'Fira Sans Condensed', sans-serif;
}

html {
	scroll-behavior: smooth;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #fff;
}

body {
	background-image: linear-gradient(to right top, #636363, #535353, #444444, #353535, #272727);
}

a {
	color: #525050;
}

a:hover {
	text-decoration: none;
}

table {
	border-collapse: collapse;
}

table.form td {
	display: flex;
	padding: 0 0 0.5em 0.5em;
}

.form input, .form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	padding: 0.5em 0.7em;
	border: 1px solid #dee2e6;
	border-radius: 0;
}

.form select {
	background-color: #fff;
	background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pjxzdmcgdmlld0JveD0iMCAwIDk2IDk2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZS8+PHBhdGggZD0iTTgxLjg0NTcsMjUuMzg3NmE2LjAyMzksNi4wMjM5LDAsMCwwLTguNDUuNzY3Nkw0OCw1Ni42MjU3bC0yNS4zOTYtMzAuNDdhNS45OTksNS45OTksMCwxLDAtOS4yMTE0LDcuNjg3OUw0My4zOTQzLDY5Ljg0NTJhNS45OTY5LDUuOTk2OSwwLDAsMCw5LjIxMTQsMEw4Mi42MDc0LDMzLjg0MzFBNi4wMDc2LDYuMDA3NiwwLDAsMCw4MS44NDU3LDI1LjM4NzZaIi8+PC9zdmc+");
	background-size: 1em;
	background-repeat: no-repeat;
	background-position: right 0.5em center;
}

.form input:required, .form select:required {
	background-color: #FDF6EC;
}

.form input:nth-child(2),
.form input:nth-child(3) {
	border-left: 0;
}

th {
	padding: 0 0.5em 0.5em 0;
}

#split, #map {
	width: 100%;
	height: 100%;
}

#detail {
	position: absolute;
	top: -50000px;
}

#table {
  background: #fff;
  width: 100%;
}

.tab-body {
	border-left: 1px solid #dee2e6;
	border-right: 1px solid #dee2e6;
	border-bottom: 1px solid #dee2e6;
	padding: 1em;
}

ul.files {
	list-style-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcKICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIgogICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIgogICB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiCiAgIHhtbG5zOnN2Zz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciCiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICAgeG1sbnM6c29kaXBvZGk9Imh0dHA6Ly9zb2RpcG9kaS5zb3VyY2Vmb3JnZS5uZXQvRFREL3NvZGlwb2RpLTAuZHRkIgogICB4bWxuczppbmtzY2FwZT0iaHR0cDovL3d3dy5pbmtzY2FwZS5vcmcvbmFtZXNwYWNlcy9pbmtzY2FwZSIKICAgaGVpZ2h0PSIxMiIKICAgdmVyc2lvbj0iMS4xIgogICB3aWR0aD0iOS4zOTEzMDQiCiAgIGlkPSJzdmc4NDEiCiAgIHNvZGlwb2RpOmRvY25hbWU9Imljb25maW5kZXJfZmlsZS1lbXB0eV8yODU2ODguc3ZnIgogICBpbmtzY2FwZTp2ZXJzaW9uPSIxLjAgKDQwMzVhNGYsIDIwMjAtMDUtMDEpIj4KICA8bWV0YWRhdGEKICAgICBpZD0ibWV0YWRhdGE4NDciPgogICAgPHJkZjpSREY+CiAgICAgIDxjYzpXb3JrCiAgICAgICAgIHJkZjphYm91dD0iIj4KICAgICAgICA8ZGM6Zm9ybWF0PmltYWdlL3N2Zyt4bWw8L2RjOmZvcm1hdD4KICAgICAgICA8ZGM6dHlwZQogICAgICAgICAgIHJkZjpyZXNvdXJjZT0iaHR0cDovL3B1cmwub3JnL2RjL2RjbWl0eXBlL1N0aWxsSW1hZ2UiIC8+CiAgICAgICAgPGRjOnRpdGxlPjwvZGM6dGl0bGU+CiAgICAgIDwvY2M6V29yaz4KICAgIDwvcmRmOlJERj4KICA8L21ldGFkYXRhPgogIDxkZWZzCiAgICAgaWQ9ImRlZnM4NDUiIC8+CiAgPHNvZGlwb2RpOm5hbWVkdmlldwogICAgIGlua3NjYXBlOmRvY3VtZW50LXJvdGF0aW9uPSIwIgogICAgIHBhZ2Vjb2xvcj0iI2ZmZmZmZiIKICAgICBib3JkZXJjb2xvcj0iIzY2NjY2NiIKICAgICBib3JkZXJvcGFjaXR5PSIxIgogICAgIG9iamVjdHRvbGVyYW5jZT0iMTAiCiAgICAgZ3JpZHRvbGVyYW5jZT0iMTAiCiAgICAgZ3VpZGV0b2xlcmFuY2U9IjEwIgogICAgIGlua3NjYXBlOnBhZ2VvcGFjaXR5PSIwIgogICAgIGlua3NjYXBlOnBhZ2VzaGFkb3c9IjIiCiAgICAgaW5rc2NhcGU6d2luZG93LXdpZHRoPSIxNjgwIgogICAgIGlua3NjYXBlOndpbmRvdy1oZWlnaHQ9IjkzNSIKICAgICBpZD0ibmFtZWR2aWV3ODQzIgogICAgIHNob3dncmlkPSJmYWxzZSIKICAgICBmaXQtbWFyZ2luLXRvcD0iMCIKICAgICBmaXQtbWFyZ2luLWxlZnQ9IjAiCiAgICAgZml0LW1hcmdpbi1yaWdodD0iMCIKICAgICBmaXQtbWFyZ2luLWJvdHRvbT0iMCIKICAgICBpbmtzY2FwZTp6b29tPSIyMy45MTY2NjciCiAgICAgaW5rc2NhcGU6Y3g9IjkiCiAgICAgaW5rc2NhcGU6Y3k9IjExLjAwMDAwNiIKICAgICBpbmtzY2FwZTp3aW5kb3cteD0iMCIKICAgICBpbmtzY2FwZTp3aW5kb3cteT0iMjMiCiAgICAgaW5rc2NhcGU6d2luZG93LW1heGltaXplZD0iMCIKICAgICBpbmtzY2FwZTpjdXJyZW50LWxheWVyPSJzdmc4NDEiIC8+CiAgPGcKICAgICB0cmFuc2Zvcm09Im1hdHJpeCgwLjUyMTczOTEzLDAsMCwwLjUyMTczOTEzLC0xLjU2NTIxNzQsLTUzNy4wNzgyNikiCiAgICAgaWQ9Imc4MzkiPgogICAgPHBhdGgKICAgICAgIGQ9Im0gNSwxMDMwLjQgYyAtMS4xMDQ2LDAgLTIsMC45IC0yLDIgdiA4IDQgNiBjIDAsMS4xIDAuODk1NCwyIDIsMiBoIDE0IGMgMS4xMDUsMCAyLC0wLjkgMiwtMiB2IC02IC00IC00IGwgLTYsLTYgeiIKICAgICAgIGZpbGw9IiM5NWE1YTYiCiAgICAgICBpZD0icGF0aDgzMyIgLz4KICAgIDxwYXRoCiAgICAgICBkPSJtIDUsMTAyOS40IGMgLTEuMTA0NiwwIC0yLDAuOSAtMiwyIHYgOCA0IDYgYyAwLDEuMSAwLjg5NTQsMiAyLDIgaCAxNCBjIDEuMTA1LDAgMiwtMC45IDIsLTIgdiAtNiAtNCAtNCBsIC02LC02IHoiCiAgICAgICBmaWxsPSIjYmRjM2M3IgogICAgICAgaWQ9InBhdGg4MzUiIC8+CiAgICA8cGF0aAogICAgICAgZD0ibSAyMSwxMDM1LjQgLTYsLTYgdiA0IGMgMCwxLjEgMC44OTUsMiAyLDIgeiIKICAgICAgIGZpbGw9IiM5NWE1YTYiCiAgICAgICBpZD0icGF0aDgzNyIgLz4KICA8L2c+Cjwvc3ZnPgo=');
}

ul.files {
	padding-left: 24px;
}

#switcher, #current_position, #fit_to_bounds, #logout, #pac-input {
	display: block;
	box-sizing: border-box;
	border: 0;
	margin: 10px;
	padding: 0;
	position: absolute;
	user-select: none;
	border-radius: 2px;
	height: 40px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
	overflow: hidden;
}

#pac-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 1.3em;
	width: 300px;
	height: 40px;
	padding: 8px 8px 8px 34px;
	background: #fff url("/images/baseline-search-24px.svg") no-repeat 8px center;
}

#switcher, #current_position, #fit_to_bounds, #logout {
	width: 40px;
	cursor: pointer;
background-image: linear-gradient(to right top, #636363, #535353, #444444, #353535, #272727);}

#current_position .material-icons,
#fit_to_bounds .material-icons,
#switcher .material-icons,
#logout .material-icons {
	color: inherit;
}

#current_position,
#fit_to_bounds,
#switcher,
#logout {
	color: #fff;
	vertical-align: middle;
	text-align: center;
}

#logout i {
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#fullpage {
	width: 100%;
	height: 100%;
}

#login {
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
}

#login a {
	color: #fff;
	text-decoration: underline;
}

#login input {
	min-width: 300px;
	width: 100%;
	border: 0;
	padding: 0.3em 0.5em;
	font-size: 100%;
	background-color: #636363;
	color: #fff;
}

#login input::placeholder {
	color: #fff;
}

#login h1 {
	text-align: center;
}

.gutter.gutter-vertical {
    cursor: ns-resize;
}

.dropdown-menu {
	font-size: 1em !important;
}