body {
	font-family: arial;
	background-color: beige;
	font-size: 16px;
}
label {
	font-weight: bold;
}
select {
	cursor: pointer;
}
select,
input[type=date],
input[type=text] {
	width: 135px;
}
input[type=number] {
	width: 60px;
}
.hide {
	display: none;
}
form {
	margin-left: 15%;
	margin-top: 20px;
	width: 70%;
}
td {
	padding-top: 10px;
}
.ml60 {
	margin-left: 60px;
}
td.mt-10 {
	position: relative;
    top: -10px;
}
.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.minw365 {
	min-width: 365px;
}
.maxw365 {
	max-width: 365px;
}
.summary td>table td,
.summary td>table th {
	border:  1px solid grey;
	padding: 5px;
}
[data-step] table {
	display: inline-block;
}
.grey {
	color: #bbb;
}

.loader {
	border: 16px solid #f3f3f3;
	border: 16px solid beige;
	border-top: 16px solid #3498db;
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin-top: 120px;
	margin-left: calc(50% - 60px);
	animation: spin .6s linear infinite;
}
@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.button {
	font-size: 16px;
    line-height: normal;
    white-space: nowrap;
    cursor: pointer;
    user-select: none;
	box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
    font-family: inherit;
    padding: 0.5em 1em;
    border: none rgba(0, 0, 0, 0);
    text-decoration: none;
	border-radius: 2px;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	color: white;
	background-color: rgb(66, 184, 221);
}
.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}
.button:hover,
.button:focus {
     background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
}
.button:focus {
    outline: 0;
}
.button:active {
    box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
    border-color: #000;
}
.button[disabled] {
    cursor: not-allowed;
    border: none;
    background-image: none;
    opacity: 0.30;
    cursor: not-allowed;
    box-shadow: none;
}

.pr-16 {
	padding-right: 16px;
}
.pl-16 {
	padding-left: 16px;
}
.pb-16 {
	padding-bottom: 16px;
}
label.radio {
	display: inline-block;
	position: relative;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
label.radio input[type=radio] {
	display: none;
}
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: rgb(66, 184, 221);
	border-radius: 50%;
}
label.radio:hover input:not(:disabled) ~ .checkmark {
	background-color: white
}
label.radio input:checked ~ .checkmark {
	background-color: rgb(66, 184, 221);
}
label.radio input:disabled ~ .checkmark {
	background-color: rgb(147, 167, 173);
}
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}
label.radio input:checked ~ .checkmark:after {
	display: block;
}
label.radio .checkmark:after {
	top: 4px;
	left: 4px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}