@charset "UTF-8";

:root {
	--am-background-color: #DDEBF7;
}

.contents {
	margin: 10px 0px;
	background-color: var(--am-background-color) !important;
}

.button {
	font-weight: bold;
	border: 1px solid #000000;
	color: #000000;
	border-radius: 1vh;
}

.button:hover {
	background-color: var(--am-background-color) !important;
}

.btn-outline {
	--bs-btn-color: #212529;
	--bs-btn-border-color: #212529;
	--bs-btn-hover-bg: #9BC2E6;
	--bs-btn-hover-border-color: #212529;
	--bs-btn-focus-shadow-rgb: 33, 37, 41;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: #212529;
	--bs-btn-active-border-color: #212529;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #212529;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #212529;
	--bs-gradient: none;
}

.item-row {
	display: table;
	width: 100%;
	table-layout: fixed;
	padding-bottom: 5px;
}

.item-col {
	display: inline-table;
}

.title-lbl {
    width: 300px;
    text-align: left;
    font-weight: bold;
}

.item-lbl {
	width: 100px;
}

.short-txt {
	display: inline-flex;
	width: 150px;
	padding: 2px;
}

.middle-txt {
	display: inline-flex;
	width: 250px;
	padding: 2px;
}

.long-txt {
	display: inline-flex;
	width: 500px;
	padding: 2px;
}

.short-select {
	display: inline-flex;
	width: 150px;
}

.long-select {
	display: inline-flex;
	width: 300px;
}

.btn-short {
	width: 100px;
	margin: 2px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF
}

.btn-middle {
	width: 130px;
	margin: 2px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF
}

.btn-long {
	width: 180px;
	margin: 2px;
	padding: 0;
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF
}

.btn-row {
	padding: 20px 0px 0px 0px;
}

.btn-row-separate {
	display: flex;
	justify-content: space-between;
	padding: 20px 0px 0px 0px;
}

.form-select {
	padding: 2px;
}

.required {
	background-color: #FFFF99 !important;
}

input[type="text"]:read-only,
input[type="date"]:read-only,
input[type="tel"]:read-only,
input[type="email"]:read-only,
textarea:read-only {
	background-color: #dcdcdc !important;
}

.readonly {
	pointer-events: none;
}

input[type="radio"][readonly],
input[type="checkbox"][readonly] {
    pointer-events: none;
}

.readonly input[type="checkbox"],
.readonly input[type="checkbox"]+label,
.readonly input[type="radio"],
.readonly input[type="radio"]+label,
a.readonly {
	opacity: .5;
}

select.readonly,
.readonly button {
	background-color: #dcdcdc !important;
}

.modal-header,
.modal-footer {
	background-color: #9BC2E6;
}
.modal-body {
	background-color: #DDEBF7;
}

.alert {
    margin: 10px;
}

input[type=date] {
    background-position: right calc(1.6em + .1875rem) center !important;
}

select.multiSelect:required + div > button {
    background-color: #FFFF99 !important;
}