@import "bootstrap";
@import "materialdesignicons";

@import "variables";
@import "buttons";
@import "../app/messages/messages";
@import "../app/documents/documents";
@import "../app/widgets/type-icon";
@import "../app/idai-field-map/map";

html {
  position: relative;
  min-height: 100%;
}

#app {
  margin-top: 60px;
}

.collapse {
	cursor: pointer;
}

/* override needed for buttons to look good in chrome with bootstrap 4 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: none;
}

/* override ugly styling of list-group-items inside cards in bootstrap 4 */
.card > .list-group {
	> .list-group-item {
		border-width: 1px 0 0;
	}
	> .list-group-item:first-child {
		border-width: 0;
	}
}

.fieldcollapse {
	font-size: 1em !important;
	font-weight: bold !important;;
	cursor: pointer !important;;
}

.ng-invalid:not(form)  {
	border-left: 5px solid;
	border-color: #a94442 !important;
}