@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');

body {
	font-family: 'Roboto Slab', 'sans-serif';
	background-color: #ebf5eb;
}
pre {
	white-space: pre-wrap;
	background-color: #eeeeee;
	margin: 0.5rem 0 1.5rem;
	padding: 0.5rem;
}

/* ----------------------------------------------------*/
table.table-sm tbody tr td {
	padding-left: 0.75rem !important;
}
.btn-three-dots {
	width: 2rem;
	height: 100%;
}
.tr-three-dots tr td:last-child {
	width: 3rem;
	cursor: pointer;
}
.btn-three-dots,
.tr-three-dots tr td:last-child {
	background-image: url(/assets/images/three-dots.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 1.5rem;
}
.dropdown-menu > *,
.list-group-item,
.form-check > *,
.trigger,
.trigger-indexed,
.trigger-parent > *,
.trigger-parent-indexed > * {
	cursor: pointer;
}
.list-group-item:hover {
	background-color: #e5edea !important;
}
.dropdown-toggle::after {
	display: none;
}
.col-grid .card {
	border-radius: 0;
}
.guest-card {
	min-width: 400px;
}
div#trademark {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
}

/* usermenu ----------------------------------------------------*/
.user-menu {
	min-width: 250px;
}
.user-menu .list-group-item {
	border: 0;
	background-color: transparent;
}
.user-menu .list-group-item:not(.disabled) {
	color: #FFFFFF;
}

/* modal ----------------------------------------------------*/
.modal .list-group {
	max-height: 300px;
}
.modal table tr:last-child th,
.modal table tr:last-child td {
	border: 0;
}
.modal-datasheet {
	min-height: 5rem;
}
.modal-datasheet table {
	min-width: 400px;
}
.modal textarea {
	min-height: 5rem;
}
.modal input[type="date"] {
	display: inline;
    width: 8.5rem;
}

/* datasheet --------------------------------------------------*/

/* datepicker ----------------------------------------------------*/
.ui-datepicker {
	background-color: #ffffff;
	box-shadow: 2px 5px 10px 5px rgb(0 0 0 / 25%);
}
.ui-datepicker-header > a {
	display: none;
}
.ui-datepicker-header {
	background-color: #ffffff;
}
.ui-datepicker-header select {
	background-color: #dddddd;
	width: calc(50% - 2px);
	padding: 2px;
}
.ui-datepicker-header select.ui-datepicker-month {
	margin-right: 4px;
}
.ui-datepicker-title {
	padding: 5px;
}
.ui-datepicker-calendar {
	margin: 0px 5px 5px;
}
.ui-datepicker table thead {
	background-color: #dddddd;
}
.ui-datepicker table td,
.ui-datepicker table th {
	padding: 5px 10px;
}

/* desktop only -----------------------------------------------------------------*/
@media (min-width: 576px)
{
	.modal-dialog {
		max-width: 720px;
	}
}

/* mobile only -----------------------------------------------------------------*/
@media (max-width: 576px)
{
	.guest-card {
		min-width: 100%;
	}
	.tooltip {
		display: none !important;
	}

	/* ----------------------------------------------------*/
	.user-menu {
		width: calc(100vw - 1.5rem);
	}
}