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

body {
	font-family: 'Roboto Slab', 'sans-serif';
	background-color: #F5F6FE;
}
pre {
	white-space: pre-wrap;
	background-color: #EEE;
	margin: 0.5rem 0 1.5rem;
	padding: 0.5rem;
}
.dropdown-menu > *,
.list-group-item,
.form-check > *,
.trigger {
	cursor: pointer;
}
.list-group-item:hover {
	background-color: #8EFFCF !important;
}
.sticky-table table thead tr > * {
	position: sticky;
	z-index: 10;
	top: -1px;
}
.tr-ctrl tr td:last-child {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 20px;
	cursor: pointer;
	width: 3rem;
}
.tr-three-dots tr td:last-child {
	background-image: url(/assets/images/three-dots.png);
}
.select-ctrl-default {
	display: none;
}

/* ----------------------------------------------------*/
.guest-card {
	min-width: 400px;
}
div#trademark {
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 10px;
	text-align: center;
}

/* ----------------------------------------------------*/
.modal table tr:last-child th,
.modal table tr:last-child td {
	border: 0;
}
.modal-datasheet {
	max-height: calc(100vh * 0.35);
	min-height: 5.2rem;
}
.modal-datasheet table {
	min-width: 400px;
}
.modal .form-control {
	border: 0;
	background-color: transparent !important;
}
.modal textarea {
	min-height: 5rem;
}
.modal input[type="date"] {
	display: inline;
    width: 8.5rem;
}

.user-form table tr td:first-child {
	max-width: 40%;
}
.user-form .input-search-list {
	max-height: 250px;
}
.user-form form > div {
	margin-bottom: 1rem;
}

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

/* ----------------------------------------------------*/
.user-menu {
	min-width: 250px;
}
.user-menu .list-group,
.user-content {
	height: calc(100vh - 5.625rem);
}
.user-menu .list-group a:not(.disabled) {
	color: darkblue;
}

/* ----------------------------------------------------*/
.page-menu button {
	min-width: 7.5rem;
}
.datasheet {
	max-height: calc(100vh - 10.5rem);
	min-height: 5rem;
}
.datasheet table {
	min-width: 800px;
}

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

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

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